jQuery( ':not( selector )' )

投稿日: 2011年10月3日 作成者: alphasis

jQuery API の jQuery( ':not( selector )' ) は、selector に一致する要素以外の要素を選択する。

記述方法

jQuery( 'セレクター①:not( セレクター② )' )

セレクター①に一致した要素のうちの、セレクター②に一致する要素以外の要素を選択する。

実装例（サンプル）

  • 項目１
    • 項目１－１ ( class=”jquery-api-not”)
    • 項目１－２
  • 項目２ ( class=”jquery-api-not”)
    • 項目２－１
    • 項目２－２ ( class=”jquery-api-not”)
      • 項目２－２－１ ( class=”jquery-api-not”)
      • 項目２－２－２
    • 項目２－３
  • 項目３

実装例（サンプル）のソースコード

JavaScript

<script type="text/javascript">
<!--
jQuery( function() {
    jQuery( 'ul.jquery-api-smaple li:not( .jquery-api-not )' ) . css( {
        border: '3px red double',
        listStyleType: 'circle',
    } );
} );
// -->
</script>

HTML

<ul class="jquery-api-smaple">
    <li>項目１
        <ul>
            <li class="jquery-api-not">項目１－１ ( class="jquery-api-not")</li>
            <li>項目１－２</li>
        </ul>
    </li>
    <li class="jquery-api-not">項目２ ( class="jquery-api-not")
        <ul>
            <li>項目２－１</li>
            <li class="jquery-api-not">項目２－２ ( class="jquery-api-not")
                <ul>
                    <li class="jquery-api-not">項目２－２－１ ( class="jquery-api-not")</li>
                    <li>項目２－２－２</li>
                </ul>
            </li>
            <li>項目２－３</li>
        </ul>
    </li>
    <li>項目３</li>
</ul>

スポンサード リンク

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