jquery怎么获取第几个元素


本文摘自PHP中文网,作者coldplay.xixi,侵删。

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)。

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

例子:

1

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

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

另一种写法

1

2

$(":eq(index)")

如:$("p:eq(1)")

附另一种办法的例子

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

<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>

或者这样写

阅读剩余部分

相关阅读 >>

vue脚手架如何导入jQuery第三方插件

jQuery怎么样判断值是否是url地址

jQuery on()怎么用

jQuery 怎么让a不跳转

jQuery判断是否存在滚动条的方法

jq如何改变css样式宽度

jQuery中size()与length的区别是什么?

jQuery中如何获取图片真实大小

jq怎么设置css样式

jQuery如何获取选中和未选中的checkbox复选框

更多相关阅读请进入《jQuery》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...

    暂无评论...