Обход jQuery — фильтрация


Методы first(), last(), eq(), filter() и not()

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

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


Метод jQuery first()

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

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

Пример

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

jQuery последний () метод

Метод last()возвращает последний элемент из указанных элементов.

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

Пример

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


Метод jQuery eq()

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

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

Пример

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

Метод фильтра jQuery ()

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

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

Пример

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

jQuery не () Метод

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

Совет: метод not()противоположен filter().

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

Пример

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

jQuery-упражнения

Проверьте себя с помощью упражнений

Упражнение:

Используйте метод jQuery для получения первого элемента <div> в документе.

$("div").();


Справочник по обходу jQuery

Полный обзор всех методов jQuery Traversing см. в нашем Справочнике по jQuery Traversing .