jQuery API の jQuery( ':contains(text)' ) は、text に指定したテキストを含むすべての要素を選択する。
記述方法
jQuery( 'セレクター:contains(テキスト)' )
「セレクター」に一致した要素のうち、「テキスト」に指定したテキストを含むすべての要素を選択。
実装例(サンプル)
- 項目1
- 項目2 お気に入り
- 項目3
- 項目4 お気に入り
- 項目5
実装例(サンプル)のソースコード
JavaScript
<script type="text/javascript">
<!--
jQuery( function() {
jQuery( 'ul#jquery-api-contains li:contains(お気に入り)' ) . css( {
backgroundColor: 'yellow',
color: 'red',
} );
} );
// -->
</script>
<!--
jQuery( function() {
jQuery( 'ul#jquery-api-contains li:contains(お気に入り)' ) . css( {
backgroundColor: 'yellow',
color: 'red',
} );
} );
// -->
</script>
HTML
<ul id="jquery-api-contains">
<li>項目1</li>
<li>項目2 お気に入り</li>
<li>項目3</li>
<li>項目4 お気に入り</li>
<li>項目5</li>
</ul>
<li>項目1</li>
<li>項目2 お気に入り</li>
<li>項目3</li>
<li>項目4 お気に入り</li>
<li>項目5</li>
</ul>