目前我有大约 10 个这样的“容器”的无序列表。 每个容器都有一个描述和一个“帮助更多内容”按钮。
<div id="item" class="container">
<div class="item">UniqueIdentifierInt</div>
<a href="someLinkUrl">linkName</a>
<div class="trackUri">someLinkUrlString</div>
<div class="description" style="display: none;">DescriptionString</div>
<a class="mt-help-more-content" href="#"></a>
</div>
该功能应该是当您点击此容器的“帮助更多内容”按钮时,它将显示该容器的描述。
但是,当单击按钮时,它会在屏幕上显示所有容器的描述。
这是当前的点击
.on("click", ".mt-help-more-content", function(e) {
$('.description').toggle();
}
现在显然这个切换函数正在所有“描述”元素上被调用。如何指定它只作用于当前容器?
我查看了其他答案 here , here ,和here但没有任何实际作用。
是否可以只切换特定类别?貌似不能通过id切换。
我是 javascript/html 新手,因为我的背景是 Java,所以如果这很简单,我深表歉意。
非常感谢任何帮助,谢谢。
最佳答案
$.prev
就可以了:
.on("click", ".mt-help-more-content", function(e) {
$(this).prev('.description').toggle();
}
关于javascript - 使用 onclick 切换特定的类元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39260463/