HOME > > > > >

:has(selector)

引数

(string)selector

戻り値

jQuery
jQueryオブジェクト

selectorを持つ要素を取得

サンプル

.jqTestの中でspan要素をもつものを取得

実行結果

  • list 0
  • list 1

ここは文章

定義語
定義後の説明
見出し6

Javascript

  1. $('.jqTest :button').click(function(){
  2.     $(':has(span)', '.jqTest').css('border', '1px solid #990000');
  3. });

HTML

  1. <div class="jqTest">
  2.     <ul>
  3.         <li>list 0</li>
  4.         <li>li<span>st 1</span></li>
  5.     </ul>
  6.  
  7.     <p title="p">ここは文章</p>
  8.  
  9.     <dl>
  10.         <dt>定義語</dt>
  11.         <dd>定義後の説明</dd>
  12.     </dl>
  13.  
  14.     <h6>見出し<span>6</span></h6>
  15.  
  16.     <hr />
  17.  
  18.     <button>ハイライト</button>
  19. </div>