jquery - 如何切换父容器中的所有 .class 元素

Question

我有一个包含很多元素的父容器。我需要通过单击位于此容器中的按钮来切换其中一些，这是一个示例

<div class="my-container">
    <a href="/">Home</a>
    <div class="toggle-me visible">1</div>
    <div class="toggle-me hidden">2</div>
    <div>
         <strong>Press me</strong>
         <button class="i-am-toggle">Toggle</button>
    </div>
</div>

您能否建议如何使用 jQuery 仅在与按钮容器相同的情况下按类切换元素？

Answer 1

像这样的事情应该让你开始:

$('.i-am-toggle').click(function(){
   $(this).closest('.my-container').find('.toggle-me').toggle();    
});

假设您有多个“我的容器”并且只想在特定容器中切换可见和隐藏类的实例