jquery怎么获取第几个元素

互联网 20-11-18

jquery获取第几个元素的方法:使用【eq()】方法找到第几个元素或第N个元素,代码为【$('#test').children().eq(1).css({'display':'inline-block'})】。

jquery获取第几个元素的方法:

使用jquery时经常会遇到,选择器选择一组元素后,需要在这组元素中找到第几个元素。

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

  • eq()选择器选取带有指定 index 值的元素。

  • index 值从 0 开始,所有第一个元素的 index 值是 0(不是 1)。

经常与其他元素/选择器一起使用,来选择指定的组中特定序号的元素。

$('#test').children().eq(1).css({'display':'inline-block'}); 

将id为test的元素的第二个子元素样式设置为'display':'inline-block'

$(":eq(index)") 如:$("p:eq(1)")
<script type="text/javascript" src="/jquery-latest.js"></script> <script> $(function(){  $('a').each(function(i){   this.onclick=function(){    alert(i);    return false;   };  }); }); </script> <a href="">百度</a> <a href="">google</a> <a href="http://www.111cn.net">msn</a> <a href="">qq</a>
<script type="text/javascript" src="jquery-1.1.3.1.js"></script>     <script type="text/javascript">     $(function()     {       $("a").bind("click",function()       {         alert($("a").index(this));       }       )     }     ) </script>

相关免费学习推荐:JavaScript(视频)

以上就是jquery怎么获取第几个元素的详细内容,更多内容请关注技术你好其它相关文章!

来源链接:
免责声明:
1.资讯内容不构成投资建议,投资者应独立决策并自行承担风险
2.本文版权归属原作所有,仅代表作者本人观点,不代表本站的观点或立场
标签: 获取元素
上一篇:php获取远程图片并下载保存到本地的方法分析 下一篇:jquery如何删除元素

相关资讯