jquery - 在标题单击时获取 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。Accordion 不能很好地播放，所以如果我将我的 id 和 class 切换到标题上，该事件不会触发。我试过使用$("#accordion .common").click，这也不起作用

Answer 1

您可以定位h3元素的上一个兄弟.common元素

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

演示：小提琴

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

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

演示：小提琴