jquery - 使用 jQuery 在同一个父级中隐藏另一个 div

Question

我有这个：

<div class="container">
<div class="1"></div>
<div class="2"></div>
</div>

<div class="container">
<div class="1"></div>
<div class="2"></div>
</div>

当我单击同一父级中的 div 1 时，我想切换 div 2。我有更多相同类型的 div（我在点击时动态生成这些 div），所以我需要使用类。我不知道该怎么做。我做了什么：

$('.1').click(function (e) {
  var elementFound = $(this).find('.2');
  elementFound.toggle('fade', 500);
}

它不起作用，但我认为这是在类 1 的 div 中搜索类 2 的 div。

Answer 1

请注意，您的班级名称无效。在 CSS 中，类名不能以数字开头。我在下面稍微修改了它们。

如果另一个 div 始终是兄弟，您可以使用siblings：

$('.x1').click(function (e) {
    $(this).siblings('.x2').toggle('fade', 500);
});

如果它可能不是同级，但在同一个父级中，则可以使用closestand的组合find：

$('.x1').click(function (e) {
    $(this).closest('.container').find('.x2').toggle('fade', 500);
});