jQuery API の find( selector ) は、マッチした要素の子孫要素のうち、selectorにマッチする要素群を選択するメソッド。
記述方法
jQuery( セレクター１ ) . find( セレクター２ );
「セレクター１」にマッチした要素の子孫要素のうち、「セレクター２」にマッチする要素群を選択。
記述例
jQuery( '#smaple-1' ) . find( '.smaple-2' );
idが「smaple-1」である要素の子孫要素のうち、クラス名が「smaple-2」である要素群を選択。
実装例（サンプル）
- 項目１
- 項目２
- 項目３
- 項目４
- 項目５
- 項目６
実装例（サンプル）のソースコード
JavaScript
<script type="text/javascript">
<!--
jQuery( function() {
jQuery( '#jquery-sample' )
. find( '.jquery-sample-1' )
. css( 'list-style-type', 'circle' )
. end()
. find( '.jquery-sample-2' )
. css( 'color', 'red' );
} );
// -->
</script>
<!--
jQuery( function() {
jQuery( '#jquery-sample' )
. find( '.jquery-sample-1' )
. css( 'list-style-type', 'circle' )
. end()
. find( '.jquery-sample-2' )
. css( 'color', 'red' );
} );
// -->
</script>
HTML
<ul id="jquery-sample">
<li>項目１</li>
<li class="jquery-sample-1">項目２</li>
<li class="jquery-sample-1 jquery-sample-2">項目３</li>
<li class="jquery-sample-1 jquery-sample-2">項目４</li>
<li class="jquery-sample-1">項目５</li>
<li>項目６</li>
</ul>
<li>項目１</li>
<li class="jquery-sample-1">項目２</li>
<li class="jquery-sample-1 jquery-sample-2">項目３</li>
<li class="jquery-sample-1 jquery-sample-2">項目４</li>
<li class="jquery-sample-1">項目５</li>
<li>項目６</li>
</ul>