Запись на курсы по HTML, CSS, JavaScript, PHP, Python, фреймворкам и CMS,
а также: помощь в поиске работы и заказов, стажировка на реальных проектах→
55 of 119 menu
Бесплатный курс по выкладке сайтов на хостинг. Разбираем все нюансы! Начало 14 октября. Жми для записи!

Метод find

Метод find ищет элементы внутри уже найденных элементов.

Синтаксис

Поиск по селектору:

.find(селектор);

Искать можно не только по селектору, но и по DOM элементу или объекту jQuery:

.find(jQuery объект или DOM элемент);

Пример

Давайте найдем все теги div, поставим им в начало текст '!' с помощью prepend, затем внутри них найдем все абзацы с помощью метода find и поставим им в конец текст '?':

<div> <p>text</p> <p>text</p> <p>text</p> </div> <div> <p>text</p> <p>text</p> <p>text</p> </div> $('div').prepend('!').find('p').append('?');

HTML код станет выглядеть так:

<div> ! <p>text?</p> <p>text?</p> <p>text?</p> </div> <div> ! <p>text?</p> <p>text?</p> <p>text?</p> </div>

Смотрите также

  • метод filter,
    который фильтрует элементы в наборе
  • метод has,
    который фильтрует набор выбранных элементов по потомкам
byenru