jQuery 筛选 eq()

eq()，匹配元素的集合为指定的索引的一个元素。

eq() 函数使用率绝对高。

按照国际惯例，先说一说常用写法：

<!-- html -->
<ul id="list">
    <li>helang</li>
    <li>helang.love@qq.com</li>
    <li>公众号：web-7258</li>
</ul>

如上代码，设当前需求：将第 1 个 <li> 设置字体颜色为 红色。

$("#list>li").eq(0).css("color","red");    // 下标的起始值从 0 开始

如果只是实现上面所设定的需求，可以换一种更加高效的写法，使用 :eq() 选择器：

$("#list>li:eq(0)").css("color","red");

第二种实现方式比第一种方式更加直接，获取的节点的方式更加明确。

回到本篇文章重点 eq() 函数，介绍一下不常规的写法。设需求：将列表的倒数第 1 个 <li> 设置字体颜色为 蓝色。

var $list=$("#list>li");
$list.eq($list.length-1).css("color","blue");

上面的代码确实实现了需求，但代码还不够简洁，其实 eq() 函数的下标值还接收 负数。

$("#list>li").eq(-1).css("color","blue");    // 倒序的下标起始位置从 -1 开始

以上两种方式的结果是一样，明显第二种方式更加简洁。注意的是 负数的起始值是从 -1 开始的，-1代表倒数的第1个，-2代表倒数的第2个，以此类推。

作者：黄河爱浪 QQ：1846492969，邮箱：helang.love@qq.com

公众号：web-7258，本文原创，著作权归作者所有，转载请注明原链接及出处。

更多精彩文章，请扫下方二维码关注我的公众号