选择的$下一个兄弟（本）.parent（）

Question

我有一些HTML，看起来像这样：

<div> 
    <div class="value"> 
    <a href="#" class="clicker">Some Value</a> 
    </div> 
    <div class="heading"> 
    Some Name<img src="loading.gif" style="visibility:hidden"> 
    </div> 
</div> 

这可能重复几次，这取决于很多价值观和标题需要如何上市。使用jQuery，我附加了一个函数，当点击a.clicker时发生。作为发生的一部分，我想在它下面的.heading img上调用show（）。但是，我无法理解这是如何选择的。

$('a.clicker').live("click", function() { 

    // This next line, in my brain, works, but in reality it doesn't! 
    $('.heading img', $(this).parent().parent()).show(); 

    // do some other AJAXy things 
}); 

我，标志着我认为应该做这行，但它没有显示在所有的IMG。我一直在仔细阅读文档，并花了几个小时没有成功。

感谢您的帮助！

Answer 1

你只是在错误的地方有一些东西。虽然非常接近。

$('a.clicker').live("click", function() { 
    $(this).parent().parent().find('.heading img').show(); 
}); 

这也可以解决的第二种方式：

$('a.clicker').live("click", function() { 
    $(this).parent().next('.heading img').show(); 
});