jquery 过滤 first last eq filter not

雨点打透心脏的1/2处 2022-05-23 12:43 144阅读 0赞

## 缩小搜索元素的范围 ##

三个最基本的过滤方法是：first(), last() 和 eq()，它们允许您基于其在一组元素中的位置来选择一个特定的元素。

其他过滤方法，比如 filter() 和 not() 允许您选取匹配或不匹配某项指定标准的元素。

--------------------

## jQuery first() 方法 ##

first() 方法返回被选元素的首个元素。

下面的例子选取首个 <div> 元素内部的第一个 <p> 元素：

## 实例 ##

$ ( document ) . ready ( function ( ) \{   $ ( " div p " ) . first ( ) ; \} ) ;

[尝试一下 »][Link 1]

--------------------

## jQuery last() 方法 ##

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

下面的例子选择最后一个 <div> 元素中的最后一个 <p> 元素：

## 实例 ##

$ ( document ) . ready ( function ( ) \{   $ ( " div p " ) . last ( ) ; \} ) ;

[尝试一下 »][Link 2]

--------------------

## jQuery eq() 方法 ##

eq() 方法返回被选元素中带有指定索引号的元素。

索引号从 0 开始，因此首个元素的索引号是 0 而不是 1。下面的例子选取第二个 <p> 元素（索引号 1）：

## 实例 ##

$ ( document ) . ready ( function ( ) \{   $ ( " p " ) . eq ( 1 ) ; \} ) ;

[尝试一下 »][Link 3]

--------------------

## jQuery filter() 方法 ##

filter() 方法允许您规定一个标准。不匹配这个标准的元素会被从集合中删除，匹配的元素会被返回。

下面的例子返回带有类名 "url" 的所有 <p> 元素：

## 实例 ##

$ ( document ) . ready ( function ( ) \{   $ ( " p " ) . filter ( " .url " ) ; \} ) ;

[尝试一下 »][Link 4]

--------------------

## jQuery not() 方法 ##

not() 方法返回不匹配标准的所有元素。

提示：not() 方法与 filter() 相反。

下面的例子返回不带有类名 "url" 的所有 <p> 元素：

## 实例 ##

$ ( document ) . ready ( function ( ) \{   $ ( " p " ) . not ( " .url " ) ; \} ) ;

[尝试一下 »][Link 5]

[Link 1]: http://www.runoob.com/try/try.php?filename=tryjquery_first
[Link 2]: http://www.runoob.com/try/try.php?filename=tryjquery_last
[Link 3]: http://www.runoob.com/try/try.php?filename=tryjquery_eq
[Link 4]: http://www.runoob.com/try/try.php?filename=tryjquery_filter
[Link 5]: http://www.runoob.com/try/try.php?filename=tryjquery_not

发表评论取消回复

表情：

评论列表（有 0 条评论，144人围观）

还没有评论，来说两句吧...

相关阅读

相关 Filtering 过滤操作

[`filter( )`][filter] — 过滤数据 [`takeLast( )`][takeLast] — 只发射最后的N项数据 [`last( )`]

冷不防/ 2022年07月29日 10:35/ 0 赞/ 199 阅读

相关 jquery中的过滤filter not的用法以及可以添加this

jquery中的过滤filter not的用于过滤集合中的元素， filter 符合的留下 not不符合的留下。两者都可以有this eg：filter(this)

布满荆棘的人生/ 2022年07月19日 03:02/ 0 赞/ 130 阅读

相关 jQuery :first :last选择器

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti

朱雀/ 2022年07月13日 10:27/ 0 赞/ 102 阅读

相关 oracle keep(first/last)

先看一段ORACLE官方文档 [http://download-west.oracle.com/docs/cd/B10501\_01/server.920/a96520/

朱雀/ 2022年07月12日 09:57/ 0 赞/ 173 阅读

相关 jQuery中 :first 和 :last 选择器诡异问题

:first 和 :last 分别表示：有多个标签时，选择第一个、最后一个元素比如： <select id="leftSelectId" style="width

不念不忘少年蓝@/ 2022年06月14日 10:19/ 0 赞/ 108 阅读

相关 Jquery 筛选（first last eq slices）

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>过滤筛选</title> <scri

傷城~/ 2022年06月05日 00:16/ 0 赞/ 140 阅读

相关 jquery 过滤 first last eq filter not

缩小搜索元素的范围三个最基本的过滤方法是：first(), last() 和 eq()，它们允许您基于其在一组元素中的位置来选择一个特定的元素。其他过滤方法，比如

雨点打透心脏的1/2处/ 2022年05月23日 12:43/ 0 赞/ 145 阅读

相关 jQuery过滤选择器:not()方法介绍

jQuery(':not(selector)') 在jQuery的早期版本中,:not()筛选器只支持简单的选择器,说明我们传入到:not这个filter中的select

蔚落/ 2022年04月14日 06:45/ 0 赞/ 215 阅读

相关 jQuery 筛选 eq()

> eq()，匹配元素的集合为指定的索引的一个元素。 eq() 函数使用率绝对高。按照国际惯例，先说一说常用写法：  <ul

Myth丶恋晨/ 2022年01月06日 06:51/ 0 赞/ 214 阅读

相关 jQuery--节点过滤（filter()、not()）详解

节点过滤在查找元素时，可以使用：first-child、:last-child和:eq()过滤选择器来选择一个特定的元素，还可以使用first()、last()和eq(

Love The Way You Lie/ 2021年08月13日 12:52/ 0 赞/ 525 阅读