Поиск всех элементов лежащих перед выбранными

.prevAll()

Осуществляет поиск всех элементов, лежащих перед заданными элементами. Метод имеет один вариант использования:

.nextAll([selector]):jQuery1.2

Возвращает все элементы, которые находятся перед каждым из выбранных элементов. При необходимости, можно задать селектор selector для фильтрации результата.

Замечание: prevAll ищет нужные элементы, только на общих уровнях дерева DOM с выбранными элементами. То есть, только внутри непосредственных родителей выбранных элементов.

Примеры использования:

$("div").prevAll() вернет элементы, которые находятся перед div-элементами на странице.
$("div").prevAll(".bigBlock") вернет элементы класса bigBlock, которые находятся перед div-элементами.
$("#lArea").prevAll(".lBlock") вернет элементы класса lBlock, которые находятся перед элементом с идентификатором lArea.

В действии

Выясним, какие трапезы идут перед ужином (какие элементы идут перед элементом с классом supper):

~lt~!DOCTYPE html~gt~
~lt~html~gt~
~lt~head~gt~
  ~lt~script src="https://code.jquery.com/jquery-latest.js"~gt~~lt~/script~gt~
  ~lt~style~gt~
    div{
      width: 60px;
      height: 60px;
      float: left;
      padding: 15px;
      margin: 5px;
      background-color: #EEEEEE;
      font-size: 14pt;
    }
  ~lt~/style~gt~
~lt~/head~gt~
~lt~body~gt~
  ~lt~div class="breakfast"~gt~ Завтрак ~lt~/div~gt~
  ~lt~div class="lunch"~gt~ Обед ~lt~/div~gt~
  ~lt~div class="supper"~gt~ Ужин ~lt~/div~gt~
  ~lt~div class="nightEat"~gt~ Ночной перекус~lt~/div~gt~
~lt~script~gt~
    $(".supper").prevAll().css("border","3px solid red");
~lt~/script~gt~
~lt~/body~gt~
~lt~/html~gt~

Ссылки

Поисковые ключи:
  • предыдущие элементы
  • элементы находящиеся перед выбранными
  • prevAll()
  • .prevAll

От автора jquery.page2page.ru

 
Мини-игра про поход за продуктами во время карантина.

за Comic Sans извЕняем