jquery - 单击Jquery时交替显示图像

Question

当用户使用 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>

我究竟做错了什么？

Answer 1

你有引号this，删除它们：

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

至：

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

Answer 2

使用以下：

$(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"/>