javascript - 使用 onclick 切换特定的类元素

Question

目前我有大约 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，所以如果这很简单，我深表歉意。

非常感谢任何帮助，谢谢。

Answer 1

$.prev就可以了:

.on("click", ".mt-help-more-content", function(e) {
     $(this).prev('.description').toggle(); 
}