如何动态更改HTML表格行中的可点击图像？

Question

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

我需要知道的是，如果点击后可以更改图像吗？更改的图像不应该是可点击的，它不应该触发javascript函数。

请在jQuery或JavaScript中为我提供解决方案。

Answer 1

只需更改点击图片的src属性即可使用attr()

更改图片

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

要确保新图片不再可点击，请使用one()绑定您的事件处理程序。

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

http://jsfiddle.net/N34cZ/1/

Answer 2

如果您使用jQuery并像这样设置可点击

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

尝试使用

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