jQuery 遍历 - nextAll() 方法

jQuery Kikaa cha kipenzi cha kueleza

实例

查找第一个 div 之后的所有类名，并为他们添加类名：

$("div:first").nextAll().addClass("after");

Tukifanya kufikia kwa kufikiria

定义和用法

nextAll() 获得匹配元素集合中每个元素的所有跟随的同胞元素，由选择器筛选是可选的。

语法

.nextAll(selector)
参数 描述
selector 字符串值，包含用于匹配元素的选择器表达式。

详细说明

如果给定一个表示 DOM 元素集合的 jQuery 对象，.nextAll() 方法允许我们搜索 DOM 树中的元素跟随的同胞元素，并用匹配元素构造新的 jQuery 对象。

Hii inamwita ujumbe cha chaguo bila chaguo, aina inayotaka kwamba anatukia kwa kichwa cha $() kifunzi. Kama tunategemea ujumbe, tunaweza kusaidia kufikiria kwa kumaliza kufikia kama inafanana na kichwa cha chaguo.

Fikiria hii kwa kumtaja ukurasa unaotaka kwa orodha ya kawaida:

<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>

Kama tunatokanisha kuanza kwenye kazi ya tatu, tunaweza kutumia elementi iliyofuata kwa kufikia elementi zilizofuata kwa kuzingatia.

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

Tukifanya kufikia kwa kufikiria

Matokeo wa mazoezi hii ni, kazi 4 na 5 zimekuwa na mabara ya redi. Kwa sababu hatutafanya ujumbe wa kichwa cha chaguo, elementi iliyotangulia inaonesha kwa ujumbe kwamba inaonekana kama kipya ya kawaida. Kama tunategemea ujumbe, inatufaa kumaliza kufikiria kama inafanana na kichwa cha chaguo.

jQuery Kikaa cha kipenzi cha kueleza