jQuery(更改图像)

Question

我有这个 HTML:

<dt id="hs-nav-ChapterIII">
<a href="/" class="hs-nav"><img src="/images/icons/tree_plus.gif"></a>
 <a href="/display/ChapterIII">Chapter III - The title of this chapter</a>
</dt>

我希望当有人单击第一个链接(其中包含带有 + 图片的图像)时，图像源会更改为带有减号的图像。

/images/icons/tree_minus.gif

有人可以帮我解决这个问题吗？我已经尝试了几个小时，我可以在 JQUERY 网站上找到信息，但我无法让它工作。

如何做到这一点？哪个 jQuery 函数？

Answer 1

$('.hs-nav').click(function(){
 var $img = $(this).find('img');
 var newsrc  = $img.attr('src').replace('plus', 'minus');
 $img.attr('src', newsrc);
 return false;
});