jQuery API の filter( selector ) は、マッチした要素を、selectorで絞り込むメソッド。
記述方法
jQuery( セレクター１ ) . filter( セレクター２ );
「セレクター１」にマッチした要素を、「セレクター２」で絞り込む。
実装例（サンプル）
| セル | セル | セル |
| セル | セル | セル |
| セル | セル | セル |
実装例（サンプル）のソースコード
JavaScript
<script type="text/javascript">
<!--
jQuery( function() {
jQuery( '#jquery-api-filter td' ) . filter( '.jquery-api-filter-yellow' ) . css( {
backgroundColor: 'yellow',
color: 'red',
} );
} );
// -->
</script>
<!--
jQuery( function() {
jQuery( '#jquery-api-filter td' ) . filter( '.jquery-api-filter-yellow' ) . css( {
backgroundColor: 'yellow',
color: 'red',
} );
} );
// -->
</script>
HTML
<table id="jquery-api-filter">
<tr>
<td class="jquery-api-filter-yellow">セル</td>
<td>セル</td>
<td class="jquery-api-filter-yellow">セル</td>
</tr>
<tr>
<td>セル</td>
<td class="jquery-api-filter-yellow">セル</td>
<td>セル</td>
</tr>
<tr>
<td class="jquery-api-filter-yellow">セル</td>
<td>セル</td>
<td class="jquery-api-filter-yellow">セル</td>
</tr>
</table>
<tr>
<td class="jquery-api-filter-yellow">セル</td>
<td>セル</td>
<td class="jquery-api-filter-yellow">セル</td>
</tr>
<tr>
<td>セル</td>
<td class="jquery-api-filter-yellow">セル</td>
<td>セル</td>
</tr>
<tr>
<td class="jquery-api-filter-yellow">セル</td>
<td>セル</td>
<td class="jquery-api-filter-yellow">セル</td>
</tr>
</table>