HOME > > > > >

:only-child

jQueryオブジェクトが保持しているDOM要素が子要素を1つだけ持つ場合、子要素を取得します。

サンプル

実行結果

  • 0
  • 1
  • 2
    • 3
  • 6

test

  • 6

  • 6
    • 0
    • 1
    • 2
      • 3
    • 6

test

testtest

Javascript

  1. $('.jqTest *:only-child').css({background: '#009999'});

HTML

  1. <div class="jqTest">
  2.     <ul>
  3.         <li>0</li>
  4.         <li>1</li>
  5.         <li>2
  6.             <ul>
  7.                 <li>3</li>
  8.             </ul>
  9.         </li>
  10.         <li>6</li>
  11.     </ul>
  12.     <hr />
  13.     <div>
  14.         <p>test</p>
  15.         <ul>
  16.             <li>6</li>
  17.         </ul>
  18.     </div>
  19.     <hr />
  20.     <ul>
  21.         <li>6
  22.             <ul>
  23.                 <li>0</li>
  24.                 <li>1</li>
  25.                 <li>2
  26.                     <ul>
  27.                         <li>3</li>
  28.                     </ul>
  29.                 </li>
  30.                 <li>6</li>
  31.             </ul>
  32.         </li>
  33.     </ul>
  34.     <hr />
  35.     <div>
  36.         <p>test</p>
  37.         <p>test<span>test</span></p>
  38.     </div>
  39. </div>