Как выбрать дочерние элементы под идентификатором в jQuery

Пример кода:

<div id='container'>
  <h1>heading 1</h1>
  <h2>heading 2</h2>
  <p>paragraph</p>
</div>

Я бы хотел, чтобы jQuery-эквивалент этого селектора CSS выбирал элемент h1 под div:

#container h1 {}

Ответы

Ответ 1

Вы можете просто реализовать тот же самый селектор:

$('#container h1')

Что выбирает каждый элемент h1, найденный в элементе #container, или:

$('#container > h1')

Что выбирает только те элементы h1, которые имеют элемент #container в качестве своего родителя (не grandparent, или другая форма предка).

Или, если вы предпочитаете:

$('#container').find('h1')

Вы также можете ограничить его конкретным элементом h1:

$('#container h1:first')

который выбирает только первый элемент h1 в элементе #container.

Литература: