Метод contents - потомки, в том числе и текст
Метод contents получает потомков элемента,
включая текст и комментарии.
Синтаксис
Метод не принимает параметров:
.contents();
Метод contents работает подобно методу
children,
разница проявляется при попытках получить
доступ к тексту потомков. Сравните два
примера, приведенных ниже:
Пример
Используем метод children:
<p id="test">text1 <b>bold</b> text2</p>
$('#test').children().each(
function() {
console.log($(this).text()); // выведет 'bold'
}
);
Пример
Используем метод contents:
<p id="test">text1 <b>bold</b> text2</p>
$('#test').contents().each(
function() {
console.log($(this).text()); // выведет 'text1', 'bold', 'text2'
}
);
Смотрите также
-
метод
children,
который позволяет получить потомков элемента -
метод
parent,
который позволяет получить непосредственного родителя элемента -
метод
parents,
который позволяет получить всех родителей элемента -
метод
closest,
который позволяет получить ближайший родительский элемент, удовлетворяющий селектору