45 of 119 menu

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'を表示 } );

関連項目

  • childrenメソッド
    要素の子要素を取得します。
  • parentメソッド
    要素の直接の親要素を取得します。
  • parentsメソッド
    要素のすべての先祖要素を取得します。
  • closestメソッド
    セレクタに一致する最も近い先祖要素を取得します。
日本語
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItalianoქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
当サイトでは、サイトの動作、分析、パーソナライゼーションのためにクッキーを使用しています。 データ処理はプライバシーポリシーに従って行われます。
すべて受け入れる 設定 拒否