Question

我有这个HTML：

<div class="container1" style="padding-top:5px;padding-bottom:5px;">
    <div class="row1" style="text-align:right;background-color:orangered;color: white;">
        <div style="text-align:center;padding:5px;" class='butopenclose'>
            <div id="grupo" style="display:inline-block;width:80%;">
                Name
            </div>
            <div style="display:inline-block;width:10%;">
                <i id="icon" class='fa fa-angle-down'></i>
            </div>
        </div>
    </div>

    <div class="openclose" style="border:0px solid black;display:none">            
        <div class="container1" style="padding-top:5px;padding-bottom:5px;">
            <div class="row1" style="text-align:right;background-color:orangered;color: white;">
                <div style="text-align:center;padding:5px;" class='butopenclose'>
                    <div id="grupo" style="display:inline-block;width:80%;">
                        Name
                    </div>
                    <div style="display:inline-block;width:10%;">
                        <i id="icon" class='fa fa-angle-down'></i>
                    </div>
                </div>
            </div>
            <div class="openclose" style="border:0px solid black;display:none">
                    aaaa            
            </div>  
        </div>
    </div>

</div>

我想在用户点击div时显示div 上课'butopenclose'。但我在这个div中有相同的div。我无法找到下一个div来展示。

我这样做：

 $(document.body).on('click', '.butopenclose', function () {        
       $(this).next(".openclose").slideToggle();  
    });

第一个div工作，但嵌套的没有..

我想要的是获得最近的div与类'openclose'并显示它。（我尝试使用最近的，但要使用最接近的我必须放置父（），然后他得到第一个div而不是嵌套的。

如何获得最接近按钮的一些想法？

提前感谢！

Rafael S。

Jquery使用$（this）获取下一个元素

0 个答案: