JQuery получить ближе скрытый DIV

Question

Я пытаюсь выбрать DIV с идентификатором = B при выборе любых флажков

<div id="a"><div style="display:none;" id="B"></div></div> 
<ul> 
<li><input type='checkbox'></li> 
<li><input type='checkbox'></li> 
<li><input type='checkbox'></li> 
</ul> 

Следующие возвращает неопределенное значение;

$(this).closest("div:hidden").attr("id") 

Любая помощь?

Answer 1

Это потому, что .closest путешествуйте по дереву, что хотите; чтобы получить уль элемент, а затем получить div:hiddensibling:

$(this).closest("ul").siblings("div:hidden").attr("id"); 

Это основано на том this относится к ребенку, внуку, великий внук, N-потомок элемента ул.

---

As T.J. Crowder подчеркивает, что это будет работать только если DIV является родственным ул, а не дочерний узел одноуровневый: Этот фрагмент кода выглядит для дочерних узлов братий и сестер:

$(this).closest("ul").siblings().find("div:hidden").attr("id"); 

Answer 2

Вы можете использовать

$('ul').change(function(){ 
    $('#B').show(); 
}); 

я предпочел бы поставить идентификатор на тег Тхо UL и относятся к этому ID

<div id="a"> 
    <div style="display:none;" id="B"></div> 
</div> 
<ul id="theUl"> 
    <li><input type='checkbox' /></li> 
    <li><input type='checkbox' /></li> 
    <li><input type='checkbox' /></li> 
</ul> 


$('#theUl').change(function(){ 
     $('#B').show(); 
}); 

Answer 3

Что вам нужно сделать, это пойти к ul, вернуться к предыдущему div, а затем вплоть до его скрытого ребенка. Итак:

var id = $(this).closest('ul').prev().children('div:hidden').attr(id);