contentsメソッド
contentsメソッドは、要素の子孫要素を取得します。
テキストノードやコメントノードも含みます。
構文
このメソッドはパラメータを取りません:
.contents();
contentsメソッドは、
childrenメソッドと似た働きをしますが、
子孫のテキストにアクセスする際に違いが現れます。
以下の2つの例を比較してください:
例
childrenメソッドを使用する場合:
<p id="test">text1 <b>太字</b> text2</p>
$('#test').children().each(
function() {
console.log($(this).text()); // '太字'を表示
}
);
例
contentsメソッドを使用する場合:
<p id="test">text1 <b>太字</b> text2</p>
$('#test').contents().each(
function() {
console.log($(this).text()); // 'text1', '太字', 'text2'を表示
}
);