使用 jQuery 选择嵌套 div

Question

我正在使用一个民意调查插件，它会生成以下 HTML：

<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 是 div 类 pane 的子级。 （又名，我只需要选择具有 pane 类的嵌套 div）。

有人可以帮我用 jquery 选择器来做到这一点吗？

Answer 1

或者，您也许可以这样做：

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

Answer 2

这可以帮助您：

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

Answer 3

尝试：

$('div.pane div.pane')...

Answer 4

通过使用 Naveed 的示例，我能够通过以下方式解决我的问题。具体来说，循环遍历元素就达到了目的：

$( document ).ready(function() {
    $('.rs-gallery-desc').click(function(){ 
        $("ul.rs-gallery-images-list > li").each(function(){
            if($(this).hasClass('active')){
              //console.log($(this).find("a").attr("href"));
              $(this).find('a')[0].click();;
            }
        });
    });         
});