上点击标题中，手风琴

Question

获取股利ID我使用jQuery的手风琴来填充dynatree。我需要我的手风琴div的填充在头部的点击，所以这就是为什么我试图抓住DIV ID。当我点击展开DIV，而不是水箱内这个jQuery工作，但只。这是有道理的，因为我的事件是.common点击。

$(".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和class切换到标题时，不会触发事件。我已经使用$("#accordion .common").click尝试，这无法正常工作或

Answer 1

您可以定位h3元件，其一个.common元素的前一个兄弟

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

演示：Fiddle

也可以定位元素是#accordion的子元素

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

演示：Fiddle