javascript - 只需要在 div 内定位项目

Question

现在我隐藏了 .clrChart 并希望通过单击 .color 来取消隐藏，但连续有多个这样的，所以我需要定位单击下的那个。

<div class="color">
    <a><img src="img/clrBttn.png" alt="" /></a>
    <a href="#"><img src="img/clrChart2.jpg" alt="color chart" class="clrChart" /></a>
</div>

我试过这个没有用。

$('.color').click(function() {
        $(this).next('.clrChart').show();
        }); 

任何帮助将不胜感激：）

Answer 1

使用.find()代替.next()

Answer 2

$('.color').click(function() {
   $(this).find('.clrChart').show();
}); 

这将在当前 .color 中找到一个后代