0

ユーザーがクリックしたときにブラウザーで生成される HTML テーブル マークアップがあります。ここにコードがあります

$('#selectedtable > tbody:first').append(
    '<tr > ' +
        '<td>Chair</td>' +
        '<td><img src="/Content/images/showinfo.png" title="Show Info"></td>' +
    '</tr>'
    );

私の質問は、上記の生成された画像にクリックイベントを追加することは可能ですか?

4

3 に答える 3

2

はい、画像を dom に追加した直後に onclick ハンドラを追加できます。

$("#my-image").click(function() {
     alert("I've been clicked");
});

(id の画像の場合my-image)

または、今後追加されるすべての要素に適用されるハンドラーを設定できます。

$(document).on("click", ".image-class", function() {
     alert("I've been clicked");
});

(クラスのある画像の場合.image-class)

于 2013-08-13T02:03:08.067 に答える
0

ページの読み込み時に ID #selectedtable を持つ要素が存在すると仮定すると、.on()のイベント委任構文を使用します。

$('#selectedtable').on('click', 'img', function(){...})
于 2013-08-13T02:01:21.493 に答える
0

これは DOM に追加されるため、任意の DOM 要素を選択し、必要なイベント ハンドラーを追加するのと同じように選択できるはずです。

于 2013-08-13T02:02:53.593 に答える