需要仅在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

中找到一个后代