最新的Web开发教程
 

jQuery遍历 - 过滤


缩小搜索元素

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

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


jQuery的first()方法

first()方法返回所选元素的第一要素。

下面的例子中选择第一个<p>第一个元素中<div>元素:

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

jQuery的last()方法

last()方法返回所选元素的最后一个元素。

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

$(document).ready(function(){
    $("div p").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");
});
试一试»

自测练习用!

练习1» 练习2» 练习3» 练习4» 练习5» 练习6»


jQuery的参考遍历

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