jQuery 遍歷 andSelf() 方法

jQuery 遍歷 andSelf() 方法

jQuery 參考手冊(cè) 遍歷jQuery 參考手冊(cè) 遍歷

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

 

1. 語(yǔ)法

.andSelf()

請(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)目:{[,

  • ,
  • ]}。

     

    2. 范例

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

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

    jQuery 參考手冊(cè) 遍歷jQuery 參考手冊(cè) 遍歷

  • 相關(guān)文章
    亚洲国产精品第一区二区,久久免费视频77,99V久久综合狠狠综合久久,国产免费久久九九免费视频