not( selector )

jQuery API の not( selector ) は、マッチした要素のうち、selectorにマッチする要素を除外するメソッド。

記述方法

jQuery( セレクター1 ) . not( セレクター2 );

「セレクター1」にマッチした要素のうち、「セレクター2」にマッチする要素を除外。

記述例

jQuery( '#smaple' ) . not( '.smaple-not' );

idが「smaple」である要素のうち、クラス名が「smaple-not」である要素を除外。

実装例(サンプル)

セル セル セル
セル セル セル
セル セル セル

実装例(サンプル)のソースコード

JavaScript

<script type="text/javascript">
<!--
jQuery( function() {
    jQuery( '#jquery-api-sample td' ) . not( '.jquery-api-not' ) . css( {
        backgroundColor: 'yellow',
        color: 'red',
    } );
} );
// -->
</script>

HTML

<table id="jquery-api-sample">
    <tr>
        <td>セル</td>
        <td class="jquery-api-not">セル</td>
        <td>セル</td>
    </tr>
    <tr>
        <td class="jquery-api-not">セル</td>
        <td>セル</td>
        <td class="jquery-api-not">セル</td>
    </tr>
    <tr>
        <td>セル</td>
        <td class="jquery-api-not">セル</td>
        <td>セル</td>
    </tr>
</table>

スポンサード リンク

カテゴリー: API, JavaScript, jQuery, その他, トラバース, フィルタリング タグ: パーマリンク