HOME > > > > >

.find()

引数

(Selector|Function|jQuery Object) function

戻り値

jQuery

jQuery オブジェクトが保持しているDOM要素の子孫を検索する。

サンプル

実行結果

  • Javascript
  • PHP
  • HTML
  • jQuery
  • Backbone
  • Underscore

Javascript

  1.  
  2. $('.jq-sample1 .execute').on('click', function(){
  3.     $('.jq-sample1 li') // li を持つjQueryオブジェクト作成
  4.         .css('color', 'red')
  5.         .find('span') // li の子孫の span を探す
  6.             .css('background', 'gray');
  7. });
  8.  

HTML

  1.  
  2. <div class="jq-sample1">
  3.     <button class="cq-btn execute">実行</button>
  4.     <ul>
  5.         <li class="a"><span>Javascript</span></li>
  6.         <li class="b">PHP</li>
  7.         <li class="c">HTML</li>
  8.     </ul>
  9.     <ul>
  10.         <li class="a"><span>jQuery</span></li>
  11.         <li class="b">Backbone</li>
  12.         <li class="c">Underscore</li>
  13.     </ul>
  14. </div>
  15.  

find()が保持しているDOM要素の子孫を探すのに対して、filter()は保持しているDOM要素に対してフィルタリングをおこなう。