在标题上获取Div ID单击,Accordion

时间:2013-10-07 16:21:10

标签: jquery asp.net-mvc accordion dynatree

我正在使用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和类切换到标题上,事件就不会触发。我已尝试使用$("#accordion .common").click,但这不起作用

1 个答案:

答案 0 :(得分:0)

您可以定位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