使用Image Button的onClick事件調用jQuery函數

Question

我有一個表單，其中使用PHP構建動態數據表。 在每一行中都有一個圖像，當點擊時，它會通過單擊事件調用jQuery函數。

例如，如果圖像的id為eventnfo_0，我有一個這樣的函數：

$("#eventnfo_0").click(function()

只要我為每一行定義了一個click事件，一切正常。 問題是，我需要將其設置為動態，因為行數可以變化，因此如上所述為每行構建單獨的函數是不可行的。

我的想法是必須有一種從onclick事件調用jQuery函數並傳遞行號的方法，但到目前為止，沒有骰子。

我確定這不是一個不尋常的任務，但我的搜索沒有運氣。

任何想法都表示贊賞。

Answer 1

有很多方法可以做到這一點...在每個img中調用同一個類並將其用作選擇器...

$('.yourClassName').click(function(){alert($(this).attr('id'));});

要么

 $("[id^='eventnfo_']").click(function(){
     alert($(this).attr('id'));
 });

因為它是動態添加的，這可能有幫助..

$(document).on('click',"[id^='eventnfo_']".click(function(){
     alert($(this).attr('id'));
 });

更新

你可以使用rownumber的data屬性並從jquery獲取它。

說這是你的HTML。

 <img id="eventnfo_0" data-rownumber="1"/>

和jquery

$("[id^='eventnfo_']").click(function(){
     alert($(this).data('rownumber')); //this will alert 1
 });

Answer 2

$("[id^='eventnfo_']").click(function(){
   alert(this.attr('id'));
});

Answer 3

如果您正在尋找您不能使用動態行.click ，你應該去.on方法，這是首選的方式。

JS代碼

$("#table_id").on("click","tr [id^='eventnfo_']", function(){
 //your code goes here.
});

以上稱為jQuery事件委托。 閱讀更多