Обход элементов в jQuery - Фильтрация

Базовые методы фильтрации - это first(), last() и eq(). Они позволяют выбрать заданный элемент основываясь на его позиции в группе элементов.

Другие методы фильтрации, вроде filter() и not(), позволяют отобрать элементы, которые либо соответствуют, либо нет, определенным критериям.

jQuery метод first()

Метод first() возвращает первый элемент из заданного набора.

В следующем примере отбирается первый элемент <div>:

$(document).ready(function(){
  $("div").first();
}); 

jQuery метод last()

Метод last() возвращает последний элемент из заданного набора.

В следующем примере отбирается последний элемент <div>:

$(document).ready(function(){
  $("div").last();
}); 

jQuery метод eq()

Метод eq() возвращает элемент с определенным индексным номером в отобранном наборе элементов.

Отсчет индексных номеров начинается с 0, таким образом у первого элемента будет номер 0, а не 1.

В следующем примере отбирается второй элемент <p> (индексный номер 1):

$(document).ready(function(){
  $("p").eq(1);
}); 

jQuery метод filter()

Метод filter() позволяет задавать критерий фильтрации. При этом элементы, не соответствующие заданным критериям, не будут попадать в отобранный набор.

В следующем примере возвращаются все элементы <p> с классом "intro":

$(document).ready(function(){
  $("p").filter(".intro");
}); 

jQuery метод not()

Метод not() возвращает все элементы, которые не соответствуют заданным критериям. Таким образом, действие метода not() противоположно действию метода filter().

В следующем примере возвращаются все элементы <p>, у которых нет класса "intro":

$(document).ready(function(){
  $("p").not(".intro");
});