containsフィルター

jQueryにはCSSセレクター以外にも、独自のセレクターである「フィルター」が利用できます。

「containsフィルター」は特定の文字列が含まれている要素を指定できるフィルターです。

下記の例では
「ハロー」という文字列が含まれる要素のみのCSSプロパティーを変更させます。

■javascript

$(function(){
$("li:contains('ハロー')").css("color","red");
});

■HTML

  • テキストテキスト
  • ハローテキスト
  • テキストテキスト
  • テキストテキスト

■表示結果

  • テキストテキスト
  • ハローテキスト
  • テキストテキスト
  • テキストテキスト

人気記事ランキング

投稿者:

kishiken

企業務めのWEBデザイナーです。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です