jQuery 遍歷 - andSelf() 方法

實例

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

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

親自試一試

定義和用法

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

語法

.andSelf()

詳細說明

請思考這個擁有簡單列表的頁面：

<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é)果是項目 3,4,5 擁有紅色背景：

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

親自試一試

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