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

Материал из JQuery

Перейти к: навигация, поиск
.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="http://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