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（我动态点击生成那些）所以我需要使用类。我不知道该怎么做。我做了什么：

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

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

Answer 1

请注意，您的班级名称无效。在CSS中，类名may not start with a digit。我在下面略微修改了它们。

如果另一个div总是兄弟，你可以使用siblings：

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

如果它可能不是兄弟，但在同一个父母中，您可以使用closest和find的组合：

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

使用jQuery隐藏同一父级中的另一个div

1 个答案: