我们可以用jquery获取文档中的指定id的元素,还有一种情况,获取的是一个元素集合,我们该如何找到这个集合中的第几个元素。
现在给大家介绍三种jquery获取第几个元素的方法。
eq()方法
jquery中使用eq()方法找到第几个元素或第N个元素,jquery中eq()的使用如下:
eq() 选择器选取带有指定 index 值的元素。
index 值从 0 开始。
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>
声明:如需转载,请注明来源于www.webym.net并保留原文链接:http://www.webym.net/jiaocheng/425.html