jQuery API の not( function( index ) ) は、マッチした要素のうち、function関数の戻り値にマッチする要素を除外するメソッド。
記述方法
jQuery( セレクター ) . not( function( インデックス番号 ) {
return 条件;
} );
return 条件;
} );
「セレクター」にマッチした要素のうち、function関数の戻り値である条件にマッチする要素を除外。
記述例
jQuery( '#smaple td' ) . not( function( index ) {
return index % 2 == 0;
} );
return index % 2 == 0;
} );
idが「smaple」であるtable要素内のtd要素のうち、インデックス番号が偶数である要素を除外。
実装例(サンプル)
セル | セル | セル |
セル | セル | セル |
セル | セル | セル |
実装例(サンプル)のソースコード
JavaScript
<script type="text/javascript">
<!--
jQuery( function() {
jQuery( '#jquery-api-sample td' )
. not( function( index ) {
return index % 2 == 0;
} )
. css( {
backgroundColor: 'yellow',
color: 'red',
} );
} );
// -->
</script>
<!--
jQuery( function() {
jQuery( '#jquery-api-sample td' )
. not( function( index ) {
return index % 2 == 0;
} )
. css( {
backgroundColor: 'yellow',
color: 'red',
} );
} );
// -->
</script>
HTML
<table id="jquery-api-sample">
<tr>
<td>セル</td>
<td>セル</td>
<td>セル</td>
</tr>
<tr>
<td>セル</td>
<td>セル</td>
<td>セル</td>
</tr>
<tr>
<td>セル</td>
<td>セル</td>
<td>セル</td>
</tr>
</table>
<tr>
<td>セル</td>
<td>セル</td>
<td>セル</td>
</tr>
<tr>
<td>セル</td>
<td>セル</td>
<td>セル</td>
</tr>
<tr>
<td>セル</td>
<td>セル</td>
<td>セル</td>
</tr>
</table>