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

Question

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

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

请用 jQuery 或 JavaScript 给我一个解决方案。

score 2 · Accepted Answer

只需更改src单击的图像的属性即可更改图像，使用attr()

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

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

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

score 0 · Accepted Answer

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

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

尝试使用

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

2 回答 2