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

#jquery #jquery-selectors #computer-science #selector

#jquery #jquery-селекторы #информатика #селектор

Вопрос:

Я использую плагин опросов, который генерирует следующий 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 . (ИНАЧЕ говоря, мне нужно просто выбрать вложенные div с классом pane ).

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

Ответ №1:

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

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

Ответ №2:

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

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

Ответ №3:

попробуйте:

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

Комментарии:

1. хотя это, безусловно, отличное решение (для css), решение @Justin — лучший селектор jquery.

Ответ №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();;
            }
        });
    });         
});