contentsメソッド

contentsメソッドは、要素の子孫要素を取得します。 テキストノードやコメントノードも含みます。

構文

このメソッドはパラメータを取りません：

javascript.contents();

contentsメソッドは、 childrenメソッドと似た働きをしますが、 子孫のテキストにアクセスする際に違いが現れます。 以下の2つの例を比較してください：

例

childrenメソッドを使用する場合：

html<p id="test">text1 <b>太字</b> text2</p>

javascript$('#test').children().each(
  function() {
    console.log($(this).text()); // '太字'を表示
  }
);

例

contentsメソッドを使用する場合：

html<p id="test">text1 <b>太字</b> text2</p>

javascript$('#test').contents().each(
  function() {
    console.log($(this).text()); // 'text1', '太字', 'text2'を表示
  }
);

関連項目