Поиск всех элементов лежащих перед выбранными
.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~