javascript - 选择 $(this).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。我已经仔细研究了文档和 soflow 几个小时，但没有成功。

感谢您的帮助!

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();
});