首頁  >  選擇器  > :only-child

返回值:Array<Element(s)> :only-child

V1.1.4 概述

如果某個元素是父元素中唯一的子元素,那將會被匹配

如果父元素中含有其他元素,那將不會被匹配。(註:這裡的其他元素並不包含文字節點,如:<p><img/>圖片</p>,用$('p img:only-child')是可以匹配,感謝: nwujiajie 指正)

示例

描述:

在 ul 中查詢是唯一子元素的 li

HTML 程式碼:

<ul>
  <li>John</li>
  <li>Karl</li>
  <li>Brandon</li>
</ul>
<ul>
  <li>Glen</li>
</ul>
jQuery 程式碼:

$("ul li:only-child")
結果:

[ <li>Glen</li> ]