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

.prev()

Для каждого из выбранных элементов находит предшествующий ему элемент (но только если он лежит на том же уровне иерархии DOM). Метод имеет один вариант использования:

.prev([selector]):jQuery1.0

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

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

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

В действии

Выясним, что же идет перед ужином (какой элемент идет перед элементом с классом 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").prev().css("border","3px solid red");
~lt~/script~gt~
~lt~/body~gt~
~lt~/html~gt~

Ссылки

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