具有與某些屬性的兒童jQuery的選擇父

Question

我讀過這太問題：

jQuery - select children which has specific styles

但我的問題是有點不同。

我想選擇父母，他們的一級孩子（不是所有的後代）有一定的風格。這樣的事情：

<ul id="BIG"> 
    <li>Home 

     <ul id="SMALL"> 
      <li> 123 </li> 
      <li name="foo"> 123 </li> 
      <li> 123 </li> 
     </ul> 

    </li> 
    <li>Articles</li> 
    <li>Petitions</li> 
    <li>Contact</li> 
</ul> 

我想抓住UL = id =「SMALL」。但我的選擇器捕獲所有2個UL標籤：

$('ul:has(li[name="foo"])') 

任何建議？

Answer 1

使用child選擇>，像這樣：

$('ul > li[name="foo"]').parent() 

見工作demo

Answer 2

試試這個：

$('li[name="foo"]').parent(); 

Demo here。

請注意，根據屬性選擇DOM元素很慢。儘可能限制搜索的範圍。例如：

$('#BIG').find('li[name="foo"]').parent();