在标题单击时获取 Div ID，手风琴答案

【问题标题】：Getting Div ID on Header Click, Accordion在标题单击时获取 Div ID，手风琴
【发布时间】：2013-10-07 16:21:10
【问题描述】：

我正在使用 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，但这也不起作用

【问题讨论】：

标签： jquery asp.net-mvc accordion dynatree

【解决方案1】：

您可以定位 h3 元素，它们是 .common 元素的前一个兄弟元素

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

演示：Fiddle

或者您可以定位h3 元素，它们是#accordion 元素的子元素

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

演示：Fiddle

【讨论】：