在标题单击上获取 div ID，手风琴

Question

我正在使用Jquery手风琴来填充dynatree。我需要我的手风琴div 在单击标题时填充， 所以这就是我试图获取div id 的原因.这个 Jquery 有效，但只有当我在展开的div 内单击而不是标题时。这是有道理的，因为我的事件是 .common click。

 $(".common").click(function () {
        var currentID = $(this).attr("id");
        alert(currentID);
    });    
 <div id="accordion">         
    <h3>Project Type</h3>
     <div id="1" class="common" style="height:150px;"> 
    </div>
    <h3>Ammenities</h3>
    <div id="2" class="common" style="height:150px;">  
    </div>
 </div>

我需要弄清楚如何在标题单击时获取div id。手风琴弹得不是很好，所以如果我把我的 id 和类切换到标题上，事件不会触发.我试过使用$("#accordion .common").click，这也不起作用

Answer 1

您可以定位h3元素，这些元素是.common元素的前一个同级

元素

$(".common").prev('h3').click(function () {
    var currentID = $(this).next().attr("id");
    alert(currentID);
}); 

演示：小提琴

或者，您可以定位作为#accordion元素子元素的h3元素

$("#accordion > h3").click(function () {
    var currentID = $(this).next().attr("id");
    alert(currentID);
}); 

演示：小提琴