我们可以用jquery获取文档中的指定id的元素,还有一种情况,获取的是一个元素集合,我们该如何找到这个集合中的第几个元素。
现在给大家介绍三种jquery获取第几个元素的方法。
eq()方法
jquery中使用eq()方法找到第几个元素或第N个元素,jquery中eq()的使用如下:
eq() 选择器选取带有指定 index 值的元素。
index 值从 0 开始。
index 值从 0 开始。
eq()方法经常与其他元素/选择器一起使用,来选择指定的集合中特定序号的元素。
javascript 代码:
- ('#formid').children().eq(1).css({'display':'none'});
上面代码的作用是将id为formid的元素的第二个子元素样式设置为'display':'none'。
eq()方法另外一种写法
javascript 代码:
- $("span:eq(1)")
上面代码的作用是获取第二个span元素。
each()方法
javascript 代码:
- <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>
还可以用另外一种写法:
javascript 代码:
- <script type="text/javascript">
- $(function(){
- $("a").bind("click",function(){
- alert($("a").index(this));
- })
- })
- </script>
声明:如需转载,请注明来源于www.webym.net并保留原文链接:http://www.webym.net/jiaocheng/425.html