jQuery( ':contains(text)' )

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>

HTML

<ul id="jquery-api-contains">
    <li>項目1</li>
    <li>項目2 お気に入り</li>
    <li>項目3</li>
    <li>項目4 お気に入り</li>
    <li>項目5</li>
</ul>

スポンサード リンク

カテゴリー: API, JavaScript, jQuery, コンテンツフィルタ, セレクター タグ: パーマリンク