Question

我正在使用polls插件生成以下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类pane的子类。（AKA，我只需选择一个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();;
            }
        });
    });         
});

使用jQuery选择嵌套的div

4 个答案: