隐藏同一母公司内的另一个DIV与jQuery

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 2，当我点击相同的父内股利1。我有更多的同类div（我通过动态点击生成），所以我需要使用类。 我不知道该怎么做。我做了：

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

它不工作，但我认为这与类2格内的类1

Answer 1

请注意，您的类名是无效的搜索的股利。在CSS中，类名称may not start with a digit。我稍微修改了它们。

如果其他分区永远是兄弟姐妹，你可以使用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); 
});