Kozackman Lab

containsフィルター／hasフィルター

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

<script type="text/javascript">
   $(function(){
      $("li:contains('サンプル')").css("color","#9cf");
      $("li:has(strong)").css("color","#6F9");
   })
</script>

<ul>
   <li><strong>テキスト1</strong>テキスト1テキスト1</li>
   <li>テキスト2テキスト2テキスト2</li>
   <li>テキスト3テキスト3テキスト3</li>
   <li>サンプル1サンプル1サンプル1</li>
</ul>

「サンプル」という文字列が含まれる4番目のli要素が#9cfの色になり、
strong要素を含む1番目の要素が#6f9の色になる。

• テキスト1テキスト1テキスト1
• テキスト2テキスト2テキスト2
• テキスト3テキスト3テキスト3
• サンプル1サンプル1サンプル1

2012/09/02　6:45 AM｜ カテゴリー ： jQuery｜ コメント