jQuery 遍历 - 过滤


First()、last()、eq()、filter() 和 not() 方法

最基本的过滤方法是first(),last()eq(),它允许您根据元素在一组元素中的位置来选择特定元素。

其他过滤方法,例如filter()not()允许您选择匹配或不匹配特定条件的元素。


jQuery的first()方法

这个first()方法返回指定元素的第一个元素。

以下示例选择第一个<div>元素:

示例

$(document).ready(function(){
  $("div").first();
});
亲自试一试 »

jQuery的last()方法

这个last()方法返回指定元素的最后一个元素。

以下示例选择最后一个<div>元素:

示例

$(document).ready(function(){
  $("div").last();
});
亲自试一试 »


jQuery eq() 方法

这个eq()方法返回具有所选元素的特定索引号的元素。

索引号从 0 开始,因此第一个元素的索引号为 0 而不是 1。以下示例选择第二个元素<p>元素(索引号 1):

示例

$(document).ready(function(){
  $("p").eq(1);
});
亲自试一试 »

jQuery filter() 方法

这个filter()方法允许您指定一个标准。不符合条件的元素将从选择中删除,而匹配的元素将被返回。

以下示例返回所有<p>类名"intro"的元素:

示例

$(document).ready(function(){
  $("p").filter(".intro");
});
亲自试一试 »

jQuery not() 方法

这个not()方法返回所有不符合条件的元素。

提示:这个not()方法是相反的filter()

以下示例返回所有<p>没有类名 "intro" 的元素:

示例

$(document).ready(function(){
  $("p").not(".intro");
});
亲自试一试 »

jQuery 练习

通过练习测试一下

练习:

使用 jQuery 方法获取文档中的第一个 <div> 元素。

$("div").();

开始练习


jQuery 遍历参考

有关所有 jQuery 遍历方法的完整概述,请访问我们的jQuery 遍历参考