javascript - HTMLテーブル行のクリック可能な画像を動的に変更するには?

Question

HTML テーブルに 2 つのレコードがあります。各行の最後の列には、クリック可能な画像があります。クリックすると、JavaScript 関数が呼び出されます。

私が知っておくべきことは、クリックしたら画像を変更できるかどうかということです。変更された画像はクリック可能であってはならず、その JavaScript 関数をトリガーしてはなりません。

jQueryまたはJavaScriptでこれを解決する方法を教えてください。

Answer 1

srcクリックした画像の属性を変更して、画像を変更するだけです。attr()

imgclickedを$(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){ ... });