我有以下内容:
<a class="noteLink">Note Name</a>
<div class="note">Full Note Details</div>
<a class="noteLink">Note Name</a>
<div class="note">Full Note Details</div>
<a class="noteLink">Note Name</a>
<div class="note">Full Note Details</div>
在所有“注释”div 都默认隐藏 的地方,我想显示与点击时被点击的按钮
相关的那个。
有没有比这样更简单的方法:
$('#UniqueNoteLink').click(function() {
$('#UniqueNoteID').toggle();
});
每个音符?
最佳答案
如果您要切换的元素紧跟在点击的元素之后,您可以使用 next()
$('.noteLink').click(function() {
$(this).next().toggle();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a class="noteLink">Note Name</a>
<div class="note">Full Note Details</div>
<a class="noteLink">Note Name</a>
<div class="note">Full Note Details</div>
<a class="noteLink">Note Name</a>
<div class="note">Full Note Details</div>
关于javascript - 在可点击链接下方显示 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39854604/