Javascript 如何动态更改HTML表格行中的可单击图像?

Javascript 如何动态更改HTML表格行中的可单击图像?,javascript,jquery,Javascript,Jquery,我在一个HTML表上有两条记录。在每行的最后一列中,我有一个可点击的图像。单击后,我将调用一个JavaScript函数 我需要知道的是,如果图像可以改变一次点击?更改后的图像不应该是可点击的,也不应该触发javascript函数 请用jQuery或JavaScript为我提供一个解决方案。如果您使用jQuery并像这样设置clickable jQuery('elements').click(function(event){ ... }); 尝试使用 jQuery('elements').one

我在一个HTML表上有两条记录。在每行的最后一列中,我有一个可点击的图像。单击后,我将调用一个JavaScript函数

我需要知道的是,如果图像可以改变一次点击?更改后的图像不应该是可点击的,也不应该触发javascript函数


请用jQuery或JavaScript为我提供一个解决方案。

如果您使用jQuery并像这样设置clickable

jQuery('elements').click(function(event){ ... });
尝试使用

jQuery('elements').one('click', function(event){ ... });

只需更改单击图像的
src
属性即可更改图像,使用

您可以使用事件处理程序中的
$(this)
引用单击的
img

要确保新映像不再可单击,请使用绑定事件处理程序

$('img').one('click', function(){
    alert('clicked');
    $(this).attr('src', 'http://placehold.it/50x50');
});

发布您的入门资料。。