children()

посл. ред. 11.08.2016

Метод children() выбирает дочерние элементы по отношению к элементам текущей выборки. Текстовые узлы в результат не включаются.

Варианты использования

jQ_object.children() => jQuery: Выбирает все дочерние элементы для элементов текущей выборки.
jQ_object.children(селектор) => jQuery: Выбирает только те дочерние элементы для элементов текущей выборки, которые удовлетворяют указанному селектору.

Примеры

<html>
<head>
  <title>Работа с выборкой jQuery</title>
  <script type="text/javascript" src="js/jquery.js"></script>
</head>
<body>
  <p>Параграф <b>1</b></p>
  <p>Параграф <b>2</b></p>
  <p class="main">Параграф <b>3</b></p>
  <p class="main">Параграф <b>4</b></p>
</body>
</html>
 
<script>
$('.main')
/* выбор элементов с классом main */
  .children()
/* выбор дочерних элементов */
  .css('color', 'red');
/* установка красного цвета шрифта */
</script>

Параграф 1

Параграф 2

Параграф 3

Параграф 4