HOME > > > > >

.has()

引数

(Selector|Function|jQuery Object) function

戻り値

jQuery

jQuery オブジェクトが保持しているDOM要素の中で指定した。

サンプル

実行結果

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

Javascript

  1.  
  2. $('.jq-sample1 .execute').on('click', function(){
  3.     $('.jq-sample1 li') // li を持つjQueryオブジェクト作成
  4.         .has('ul') // li の中で ul を子孫として持つ li を取得する
  5.         .css({color: 'red', fontWeight: 'bold'});
  6. });
  7.  

HTML

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