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

Answer 2

$(".hs-nav > img").attr("src", "/images/icons/tree_minus.gif");

是一种方法。

Answer 3

或者您可以使用.toggle（）

http://api.jquery.com/toggle/

JQuery（更改图片）

3 个答案: