HOME > > > > >

Descendant Selector (ancestor descendant)

ancestorに含まれるすべてのdescendantを取得する

サンプル

実行結果

  • jQuery( expression, context )
  • jQuery( html, ownerDocument )
  • jQuery( elements )
    • All Selector (*)
    • :animated Selector
    • Attribute
  • All Selector (*)
  • :animated Selector
  • Attribute
  • jQuery( expression, context )

Javascript

  1. $('.jqTest :button').click(function(){
  2.     $('.jqTest li').css('border', function(i){
  3.         return 1 + i + 'px solid #990000';
  4.     });
  5. });

HTML

  1. <div class="jqTest">
  2.  
  3.     <ul>
  4.         <li>jQuery( expression, context )</li>
  5.         <li>jQuery( html, ownerDocument )</li>
  6.         <li>jQuery( elements )
  7.             <ul>
  8.                 <li>All Selector (*)</li>
  9.                 <li>:animated Selector</li>
  10.                 <li>Attribute</li>
  11.             </ul>
  12.         </li>
  13.     </ul>
  14.  
  15.     <div>
  16.         <div>
  17.             <ul>
  18.                 <li>All Selector (*)</li>
  19.                 <li>:animated Selector</li>
  20.                 <li>Attribute</li>
  21.             </ul>
  22.         </div>
  23.     </div>
  24.  
  25.     <ul>
  26.         <li>jQuery( expression, context )</li>
  27.     </ul>
  28.  
  29.  
  30.     <hr />
  31.  
  32.     <button>ハイライト</button>
  33. </div>