单击Jquery上的交替图像

时间:2013-10-22 23:39:29

标签: jquery html image

我试图在用户使用jQuery点击图片时替换图片

这是我的jQuery代码

$("#add").click(function(){
    var src = ($(this).attr("src") == "add.png")?"remove.png":"add.png";
    $("this").attr("src", src);
});

这是HTML

<img id="add" src="add.png"></img>

我做错了什么?

2 个答案:

答案 0 :(得分:1)

你有this左右的引号,删除它们:

$("this").attr("src", src);

要:

$(this).attr("src", src);

答案 1 :(得分:0)

使用以下内容:

$(function(){
        $("img#add").click(function(){
            var src = ($(this).attr("src") == "add.jpg")
                    ?"remove.jpg"
                    :"add.jpg";
            $(this).attr("src", src);
        });
    });

<img id="add" src="add.jpg"/>