Question

目前，我有一个无序列表，其中包含大约10个＆＃34;容器＆＃34; s。每个容器都有一个描述和一个＆＃34; help-more-content＆＃34;按钮。

    <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>

当您点击“更多内容”时，该功能应该是＃34;对于此容器的按钮，它将显示该容器描述。

但是，在单击按钮时，它会在屏幕上显示所有容器的说明。

以下是点击的当前信息

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

现在很明显，这个切换功能正在所有＆＃34;描述＆＃34;元素。如何指定它只对当前容器起作用？

我已经查看了其他答案here，here和here，但没有真正有用。

是否可以只切换特定的类？您似乎无法通过ID切换。

我是javascript / html的新手，因为我的背景是Java，所以如果这很简单就道歉。

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

Answer 1

$.prev可以解决问题：

range_view_t< any_random_access_iterator<A*> >

Answer 2

这应该有效：

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

使用onclick切换特定的类元素

2 个答案: