Выбор вложенного div с помощью jQuery

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, чтобы выбрать все элементы div с классом pane, которые являются потомками класса div pane.(AKA, мне нужно просто выбрать вложенные div с классом pane).

Может кто-нибудь помочь мне с селектором jquery сделать это?

Answer 1

Или вы можете сделать:

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

Answer 2

Это может помочь вам:

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

Answer 3

Используя пример Навида, я смог решить мою проблему следующим образом.В частности, циклические элементы сделали свое дело:

$( 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();;
            }
        });
    });         
});

Answer 4

попробуй:

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