现在的位置: 网页制作教程网站制作教程 >正文
jquery相关教程

jquery获取集合中第几个元素的方法

发表于2016/12/23 网站制作教程 0条评论 ⁄ 热度 4,589℃

我们可以用jquery获取文档中的指定id的元素,还有一种情况,获取的是一个元素集合,我们该如何找到这个集合中的第几个元素。

现在给大家介绍三种jquery获取第几个元素的方法

eq()方法

jquery中使用eq()方法找到第几个元素或第N个元素,jquery中eq()的使用如下:

eq() 选择器选取带有指定 index 值的元素。
index 值从 0 开始。

eq()方法经常与其他元素/选择器一起使用,来选择指定的集合中特定序号的元素。

('#formid').children().eq(1).css({'display':'none'});

上面代码的作用是将id为formid的元素的第二个子元素样式设置为'display':'none'。

eq()方法另外一种写法

$("span:eq(1)")

上面代码的作用是获取第二个span元素。

each()方法

<script type="text/javascript">
$(function(){
  $('a').each(function(i){
    this.onclick=function(){
      alert(i);
      return false;
    };
  });
});
</script>
<a href="http://www.webym.net/">网站源码</a>
<a href="">jquery获取元素</a>
<a href="">第几个元素</a>

还可以用另外一种写法:

<script type="text/javascript">
$(function(){
  $("a").bind("click",function(){
    alert($("a").index(this));
  })
})
</script>
  • 暂无评论