2011-04-19 101 views
1

我使用的是投票插件,它會生成以下HTML:選擇div嵌套使用jQuery

<div class="pane"> 
     <ul class="tabs"> 
      <li><a href="#">Best Local Blog</a></li> 
      <li><a href="#"></a></li> 
      <li><a href="#"></a></li> 
      <li><a href="#"></a></li> 
     </ul> 

     <div class="pane"></div> 
     <div class="pane"></div> 
     <div class="pane"></div> 
     <div class="pane"></div> 
    </div> 

    <div class="pane"> 
     <ul class="tabs"> 
      <li><a href="#">MISC tab</a></li> 
      <li><a href="#"></a></li> 
      <li><a href="#"></a></li> 
      <li><a href="#"></a></li> 
     </ul> 

     <div class="pane"></div> 
     <div class="pane"></div> 
     <div class="pane"></div> 
     <div class="pane"></div> 
    </div> 

重複此過程上和(取決於有多少民意調查)。我只需要一個jQuery選擇器來選擇pane類的所有div,它們是div類pane的子級。 (也就是說,我只需要選擇一個pane類的嵌套div)。

有人可以幫我用jQuery選擇器來做到這一點嗎?

回答

4

或者,你可以做:

$('div.pane > div.pane') 
0

嘗試:

$('div.pane div.pane')... 
+0

雖然這絕對是一個偉大的解決方案(對CSS ),@賈斯汀的解決方案是一個更好的jQuery選擇器。 – JCHASE11 2011-04-19 22:41:01

1

這可以幫助你:

$(".pane").each(function(){ 
    if($(this).children().length > 0){ 
     //Our parent .pane div 
    } 
});