實(shí)例

找到所有 div，以及其中的所有段落，并為它們添加兩個(gè)類名。請(qǐng)注意，由于未使用 .andSelf()，div 沒(méi)有黃色背景色。

$("div").find("p").andSelf().addClass("border");
$("div").find("p").addClass("background");

親自試一試

定義和用法

add() 方法把堆棧中之前的元素集添加到當(dāng)前集合。

語(yǔ)法

.andSelf()

詳細(xì)說(shuō)明

請(qǐng)思考這個(gè)擁有簡(jiǎn)單列表的頁(yè)面：

<ul>
   <li>list item 1</li>
   <li>list item 2</li>
   <li class="third-item">list item 3</li>
   <li>list item 4</li>
   <li>list item 5</li>
</ul>

以下代碼的結(jié)果是項(xiàng)目 3,4,5 擁有紅色背景：

$("li.third-item").nextAll().andSelf()
  .css("background-color", "red");

親自試一試

首先，初始的選擇器會(huì)定位項(xiàng)目 3，初始化的堆棧存有僅包含該項(xiàng)目的集合。調(diào)用 .nextAll() 會(huì)將項(xiàng)目 4, 5 的集合推入堆棧。最后，調(diào)用 .andSelf() 會(huì)合并這兩個(gè)集合，所創(chuàng)建的 jQuery 對(duì)象指向按照文檔順序的所有三個(gè)項(xiàng)目：{[<li.third-item>,<li>,<li> ]}。