Содержание
пример
Чтобы получить следующий элемент, вы можете использовать метод .next() .
Если вы стоите на элементе «Анна» и хотите получить следующий элемент «Пол», метод .next() позволит вам это сделать.
Метод принимает необязательный аргумент selector , который может использоваться, если следующий элемент должен быть определенным типом элемента.
Если следующий элемент не относится к selector типа, возвращается пустой набор, и модификации ничего не сделают.
Как я могу выбрать, используя jquery, только первый div внутри основного div?
Как я могу выбрать, используя jquery, только первый div после
-
?
Я пробовал делать это, но не работал:
javascript jquery html
3 ответа
Стандартные селектор CSS будут делать, нет необходимости в jQuery excvaganza:
Первый div внутри #main , используя : first-of-type:
Первый div после ul , используя смежный селектор.
Если у вас есть более одного прямого дочернего div и вы хотите первый, вы можете сделать:
Самый простой способ — добавить класс в интересующий вас div , чтобы вы могли легко идентифицировать его:
Определение и применение
jQuery метод .next() позволяет получить каждый сестринский элемент, который находится следующим по отношению к текущему элементу в наборе соответствующих элементов.
Обращаю Ваше внимание, что метод .next() позволяет нам получить следующий сестринский элемент, выбранных элементов в дереве DOM и построить новый объект jQuery из соответствующих элементов. Для выбора предыдущего сестринского элемента Вы можете воспользоваться методом .prev().
jQuery синтаксис:
Добавлен в версии jQuery
Значения параметров
| Параметр | Описание |
|---|---|
| selector | Строка селектор, использующаяся в качестве дополнительного фильтра. Если дополнительно указывается селектор, то выбор элемента (добавление в коллекцию jQuery) осуществляет только в том случае, если он соответствует этому селектору. Необязательный параметр. |
Пример использования
В этом примере с использованием jQuery метода .next() мы выбираем сестринский элемент, который находится следующим по отношению к первому элементу в документе, и каждый сестринский элемент, который находится следующим по отношению к элементу
в документе, и с помощью метода .css() устанавлием цвет текста красный.
Обратите внимание, что стили применились только к элементу , это связано с тем, что у элемента
, вложенного в элемент отсутствуют элементы впринципе.
Результат нашего примера:
Пример использования метода .next()
В следующем примере мы рассмотрим использование метода .next() с дополнительным параметром:
В этом примере с использованием jQuery метода .next() мы выбираем каждый сестринский элемент, который находится следующим по отношению к первому дочернему элементу своего родителя, при этом этот элемент должен соответствовать переданному селектору (класс .active).
Обратите внимание на то, что если бы мы не передали строку селектора, то элемент был бы выбран в обоих списках. Результат нашего примера:
Пример использования метода .next() (с дополнительным фильтром) jQuery перемещения