contents()

посл. ред. 11.08.2016

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

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

jQ_object.contents() => jQuery: Выбирает дочерние DOM-узлы у элементов текущей выборки.

Примеры

<html>
<head>
  <title>Работа с выборкой jQuery</title>
  <script type="text/javascript" src="js/jquery.js"></script>
</head>
<body>
  <p>Параграф 1</p>
  <p>Параграф 2</p>
  <p class="main">Параграф 3</p>
  <p class="main">Параграф 4</p>
</body>
</html>
 
<script>
$('.main')
/* выбор параграфов с классом main */
  .contents()
/* выбор дочерних элементов, включая текстовые узлы */
  .each(function() {
    if (this instanceof Text) {
/* если элемент выборки является текстовым узлом... */
      alert(this.data); /* Параграф 3, Параграф 4 */
    }
  });
</script>