Как выбрать дочерний элемент используя jquery?

@rodger.botsford 

Чтобы выбрать дочерний элемент с использованием jQuery, можно использовать селектор потомков, который указывает на дочерний элемент внутри родительского элемента.

Вот пример: если у вас есть HTML-код, который выглядит так:

1
2
3
4
5
6
7

<div class="parent">
  <p>Это родительский элемент</p>
  <ul>
    <li>Это первый дочерний элемент</li>
    <li>Это второй дочерний элемент</li>
  </ul>
</div>

Вы можете использовать следующий jQuery-код, чтобы выбрать первый дочерний элемент <li>:

1

var firstChild = $(".parent ul li:first-child");

В этом примере селектор потомков .parent ul li:first-child выбирает первый дочерний элемент <li> внутри родительского элемента с классом parent.

Можно использовать и другие селекторы, например:

1

var secondChild = $(".parent ul li:nth-child(2)");

Здесь селектор :nth-child(2) выбирает второй дочерний элемент <li> внутри родительского элемента с классом parent.