Question

这是我的HTML，

{% for loop several times %}

<a href="#" class="showhide">Button</a><br />
<div class="dropdown">
    <a href="#">Update</a>
    <a href="#">Delete</a>
</div>

{% endfor %}

此外，

$(document).ready(function () {
$('.showhide').click(function() {
    $('.dropdown').toggle();
});
});
$(document).mouseup(function(e) {
var container = $(".dropdown");
if(container.is(':visible')&&!$(e.target).closest('.dropdown').length){
    container.hide();}
});
});

Divs正在开放＆amp;收盘罚款。但问题是，因为我有一个for循环，＆＃34; Button＆＃34;在一个屏幕上出现几次＆amp;如果我只点击一个按钮，所有其他按钮也会打开＆amp;只需点击一下即可关闭div。

如何让它们单独打开div？

Answer 1

您只需要定位下一个.dropdown到每个.showhide按钮，这样您就可以使用$(this).nextAll('.dropdown:lt(1)')

＆＃13;

$(document).ready(function () {
$('.showhide').click(function(e) {
$(this).nextAll('.dropdown:lt(1)').toggle();
});
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#" class="showhide">Button</a><br />
<div class="dropdown">
<a href="#">Update</a>
<a href="#">Delete</a>
</div>

＆＃13;

jQuery用For循环切换

1 个答案: