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