如何在jQuery中的accordion事件中获取元素

Question

我使用以下脚本来检测click事件，以便手风琴项目扩展，我需要获得具有类.cellArrow的div 。

HTML

<div class="cellArrow"></div> 

JS

 $("#accordionContainer").on("accordionbeforeactivate", function (event, ui) {

       var cellArrow = $(this).find(".cellArrow");
};

问题是手风琴的每个部分都有这个类，所以在这里我有所有的.cellArrow类。

我的问题是如何在一个火焰手风琴元素中获得<div> ？

谢谢！

PS这是我的HTML：

<div id="accordionContainer">
    <h3>Item 1
        <div class="cellArrow"></div> 
    </h3>

    <div>First content panel</div>

    <h3>Item 2
        <div class="cellArrow"></div> 
    </h3>

    <div>Second content panel</div>
</div>

Answer 1

试试这段代码，

 $(function() { $("#accordionContainer").accordion(); $("#accordionContainer").on("accordionbeforeactivate", function(event, ui) { var cellArrow = $('> .cellArrow',ui.newHeader); alert(cellArrow.html()); }); }) 

 <link href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css" type="text/css" rel="stylesheet"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js" type="text/javascript"></script> <div id="accordionContainer"> <h3>Item 1 <div class="cellArrow">1</div> </h3> <div>First content panel</div> <h3>Item 2 <div class="cellArrow">2</div> </h3> <div>Second content panel</div> </div> 

Answer 2

你的选择器应该是：

var cellArrow = $(ui.newHeader).find('.cellArrow');

https://api.jqueryui.com/accordion/#events