セレクター contains

セレクター :contains は、指定されたテキストを含む要素を選択します。

構文

これが、指定されたテキストで要素を選択する方法です。テキストは引用符付きでも無しでも構いません。また、このパラメータは大文字と小文字を区別します:

javascript$(':contains(テキスト)');

例

テキスト bbb を含む段落を選択し、その末尾にテキスト '!!!' を追加しましょう:

html<p>aaa</p>
<p>bbb</p>
<p>ccc</p>
javascript$('p:contains("bbb")').append('!!!');

HTMLコードは次のようになります:

html<p>aaa</p>
<p>bbb!!!</p>
<p>ccc</p>

関連項目

  • メソッド find,
    すでに見つかった要素内で要素を検索します
  • メソッド text,
    要素のテキストを取得および変更します
  • メソッド contents,
    要素の子孫およびその要素内のテキストを取得できるようにします