Метод contents

Метод contents получает потомков элемента, включая текст и комментарии.

Синтаксис

Метод не принимает параметров:

.contents();

Метод contents работает подобно методу children, разница проявляется при попытках получить доступ к тексту потомков. Сравните два примера, приведенных ниже:

Пример

Используем метод children:

text1 bold text2

$('#test').children().each(
	function() {
		console.log($(this).text()); // выведет 'bold'
	}
);

Пример

Используем метод contents:

text1 bold text2

$('#test').contents().each(
	function() {
		console.log($(this).text()); // выведет 'text1', 'bold', 'text2'
	}
);

Смотрите также

метод children,
который позволяет получить потомков элемента
метод parent,
который позволяет получить непосредственного родителя элемента
метод parents,
который позволяет получить всех родителей элемента
метод closest,
который позволяет получить ближайший родительский элемент, удовлетворяющий селектору