jQuery 遍歷 slice 方法

2022-09-07 22:21:35 字數 1191 閱讀 9454

今天專案中遇到要獲取前幾個和最後幾個元素,查了資料發現了這個slice()方法很實用,廢了一番功夫終於明白怎麼用的了。

slice(start[,end]):

start

型別:integer

開始選取子集的位置。第乙個元素是0.如果是負數,則可以從集合的尾部開始選起。

end(可選)

型別:integer

結束選取自己的位置,如果不指定,則就是本身的結尾。

如果提供的jquery代表了一組dom元素,slice()方法從匹配元素的子集中構造乙個新的jquery物件。所提供的start索引標識的設定乙個集合中的元素的位置;如果end被省略,這個元素之後的所有元素將包含在結果中。

例如:1. $(

'li'

).slice(

2).css(

'background-color'

, 'red'

);上述**的執行結果是,第 3,4,5 項列表項的背景色變成了紅色。注意,索引是從 0 開始計數的,並且代表的是 jquery 物件中的元素位置。

2.$(

'li'

).slice(2, 

4).css(

'background-color'

, 'red'

);上述**的執行結果是,

只有第 3 和第 4 項列表項會被選中。索引依然是從 0 開始計數的,但是在被選中的元素中不包括 end引數所指定的元素。

3.負索引

jquery的.slice()方法是仿照的j**ascript 陣列的.slice()方法。其中的乙個功能就是允許傳入負的 start和 end引數。如果傳遞的是負數,那麼下標位置是從結尾開始的,而不是從起始位置開始。例如:

$('li'

).slice(-

2, -

1).css(

'background-color'

, 'red'

);結果只有項4是變成了紅色,因為它是唯一滿足條件的列表項,即被選中的元素是從倒數第二個元素(-2)開始到最後乙個元素(-1)(不含此元素)之間的元素。

$('li'

).slice(-

2).css(

'background-color'

, 'red'

);結果第4,5項是變成了紅色,即被選中的元素是從倒數第二個元素開始到最後乙個元素(包含此元素)之間的元素。

JQUERY 遍歷方法

add 把元素新增到匹配元素的集合中 addback 把之前的元素集新增到當前集合中 andself 在版本 1.8 中被廢棄。addback 的別名 children 返回被選元素的所有直接子元素 closest 返回被選元素的第乙個祖先元素 contents 返回被選元素的所有直接子元素 包含文...

jQuery 遍歷 方法

方法 描述add 把元素新增到匹配元素的集合中 addback 把之前的元素集新增到當前集合中 andself 在版本 1.8 中被廢棄。addback 的別名 children 返回被選元素的所有直接子元素 closest 返回被選元素的第乙個祖先元素 contents 返回被選元素的所有直接子元...

jQuery 遍歷方法

方法 描述add 把元素新增到匹配元素的集合中 addback 把之前的元素集新增到當前集合中 andself 在版本 1.8 中被廢棄。addback 的別名 children 返回被選元素的所有直接子元素 closest 返回被選元素的第乙個祖先元素 contents 返回被選元素的所有直接子元...