jQuery Прогон - метод nextAll()

Руководство по遍历 jQuery

Пример

Найти все классы, следующие за первым div, и добавить им класс:

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

Попробуйте это亲自

Определение и использование

nextAll() получает все следующие сиблинги каждого элемента в наборе соответствующих элементов, фильтрование по селектору является опциональным.

Грамматика

.nextAll(selector)
Параметр Описание
selector Строковое значение, содержащее выражение селектора, используемое для соответствия элементов.

Подробное описание

Если предоставлен объект jQuery, представляющий набор элементов DOM, метод .nextAll() позволяет нам искать элементы, следующие за сиблингами в дереве DOM, и создавать новый объект jQuery из соответствующих элементов.

Этот метод принимает опциональное выражение селектора, типа того, что я передаю в функцию $(). Если применяется селектор, то они фильтруются через проверку соответствия элементов.

Подумайте о следующей странице с простым списком:

<ul>
   <li>элемент списка 1</li>
   <li>элемент списка 2</li>
   <li class="third-item">элемент списка 3</li>
   <li>элемент списка 4</li>
   <li>элемент списка 5</li>
</ul>

Если мы начинаем с проекта之三, то мы можем найти элементы,出现的元素：

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

Попробуйте это亲自

Результат этого вызова заключается в том, что проекты 4 и 5 были установлены с красным фоном. Поскольку мы не применяли выражение селектора, следующий элемент явно включен в качестве части объекта. Если бы мы уже применяли селектор, перед его включением проверялось бы соответствие.

Руководство по遍历 jQuery