Question

当我点击一个元素时，我想将图像，form_arrow_down.jpg交换到form_arrow_up.jpg，如下所示：

$(".c756:eq(0)").click(function(){
    $("#wrapper_datorpaket").slideToggle("fast");
    $("/images/18.296a9c501318fd486d1800013126/form_arrow_down.jpg").attr("src","/images/18.296a9c501318fd486d1800013126/form_arrow_up.jpg");
});

但是我不确定我是否在图像交换的那一行做了，因为它不起作用了？？

添加一些标记：

<div class="c756">
<span class="h2">Datorpaket</span><br />
<span class="normal">text</span><br />
<div class="c89"><img alt="" src="/images/18.296a9c501318fd486d1800013126/form_arrow_down.jpg" /></div>
</div>

Answer 1

这不起作用：

$("/images/18.296a9c501318fd486d1800013126/form_arrow_down.jpg")

尝试：

$('img[src=/images/18.296a9c501318fd486d1800013126/form_arrow_down.jpg]')

Answer 2

由于您的选择器不正确（指向实际图像），您的代码无效：

$("/images/18.296a9c501318fd486d1800013126/form_arrow_down.jpg").attr("src","/images/18.296a9c501318fd486d1800013126/form_arrow_up.jpg");

您应该引用image元素并更改属性（例如，如果您的元素具有id：wrapper_datorpaket_image）：

$("#wrapper_datorpaket_image").attr("src","/images/18.296a9c501318fd486d1800013126/form_arrow_up.jpg");

修改

这应该适合你：

$('.c756 img').attr("src","/images/18.296a9c501318fd486d1800013126/form_arrow_up.jpg");

Answer 3

不确定你的代码，但实现类似功能的更好方法是使用css使用不同的css类将两个图像应用于所需元素，然后用户jquery toggleClass在发生click事件时在两个类之间切换。 / p>

交换图像src？

3 个答案: