为了图像点击,我给出了一个函数,点击它就会得到图像id,使用这个函数,我必须使用javascript更改图像

为了图像点击,我给出了一个函数,点击它就会得到图像id,使用这个函数,我必须使用javascript更改图像,javascript,jquery,Javascript,Jquery,我给了一个函数,点击它就会得到图像id,使用这个函数我必须使用javascript更改图像 代码如下 $('img').live('click', function () { alert(this.id); }); 输出如下所示,如图0、图1。。。。。。 与0不同,与1不同 但根据输出,我必须改变图像 $("#like_").click(function () { $("#tipid").val(1); $("#like_").attr("src", "images

我给了一个函数,点击它就会得到图像id,使用这个函数我必须使用javascript更改图像

代码如下

$('img').live('click', function () {
     alert(this.id);
 });
输出如下所示,如图0、图1。。。。。。 与0不同,与1不同

但根据输出,我必须改变图像

$("#like_").click(function () {
    $("#tipid").val(1);
    $("#like_").attr("src", "images/ic_like_select.png");
    $("#unlike_").attr("src", "images/ic_unlike_unselect.png");
});
$("#unlike_").click(function () {
    $("#tipid").val(0);
    $("#like_").attr("src", "images/ic_like_unselect.png");
    $("#unlike_").attr("src", "images/ic_unlike_select.png");
});
我的问题是我不知道如何改变。
有人能帮我吗?谢谢。

你可以看看jquery的切换功能

x.toggle(function(){}, function(){})

类似的事情已经发生了

如果我理解得很好,您想更改图像,您必须根据id进行更改

我会解释我会在你的位置上尝试什么:

让我们假设这是我想要更改的图片:

<img id='like_0' src='/path/to/image' />
最后一条指令将图像的路径更改为新路径

like_img="like_url";
unlike_img="unlike_url";

toggle=function(){
    if($(this).attr("id").match(/^like_/)!=null)
    {
        if($("#tipid").val()==0)
        {
            $("#tipid").val(1);
            $("[id^=like_]").attr('src', unlike_img);
            $("[id^=unlike_]").attr('src', like_img);
        }
        else
        {
            $("#tipid").val(0);
            $("[id^=like_]").attr('src', like_img);
            $("[id^=unlike_]").attr('src', unlike_img);        
        }
    }
    if($(this).attr("id").match(/^unlike_/)!=null)
    {
        if($("#tipid").val()==1)
        {
            $("#tipid").val(0);
            $("[id^=unlike_]").attr('src', like_img);
            $("[id^=like_]").attr('src', unlike_img);
        }
        else
        {
            $("#tipid").val(1);
            $("[id^=unlike_]").attr('src', unlike_img);
            $("[id^=like_]").attr('src', like_img);        
        }
    }
}

$('img').on('click', toggle);

你的问题似乎不够清楚。不过,我认为演示可能会对您有所帮助。

FYI,不要使用
live
这是一种不推荐的方法。在上使用
。您能否提供JSFIDLE,您的问题不清楚。@VisioN您应该询问他首先使用的是哪个版本的jQuery。然后建议。因为他有警报输出,这意味着它对他有效。:)@antindexer升级总是好的。@如果您使用的是一些旧的项目代码,有时您不能简单地升级。这可能会导致很多折射。但同样地,我也必须为其他人改变,就像0,像1,像2……向下投票,原因是什么?请让我改进我的答案。
like_img="like_url";
unlike_img="unlike_url";

toggle=function(){
    if($(this).attr("id").match(/^like_/)!=null)
    {
        if($("#tipid").val()==0)
        {
            $("#tipid").val(1);
            $("[id^=like_]").attr('src', unlike_img);
            $("[id^=unlike_]").attr('src', like_img);
        }
        else
        {
            $("#tipid").val(0);
            $("[id^=like_]").attr('src', like_img);
            $("[id^=unlike_]").attr('src', unlike_img);        
        }
    }
    if($(this).attr("id").match(/^unlike_/)!=null)
    {
        if($("#tipid").val()==1)
        {
            $("#tipid").val(0);
            $("[id^=unlike_]").attr('src', like_img);
            $("[id^=like_]").attr('src', unlike_img);
        }
        else
        {
            $("#tipid").val(1);
            $("[id^=unlike_]").attr('src', unlike_img);
            $("[id^=like_]").attr('src', like_img);        
        }
    }
}

$('img').on('click', toggle);