1. 程式人生 > >jquery 動態生成表 繫結click事件,獲取同行資料

jquery 動態生成表 繫結click事件,獲取同行資料

這個問題糾結了好久,動態生成的表格,直接按照普通方式,onclick=“afun();”  無法在function內獲取到正確的this,就無法獲取表格其他項資料。繫結也無法成功,直接沒反應。

後來debug了一下,感覺jquery繫結事件實在載入前進行的,此時還沒有動態生成表格,因此就失敗了吧。

解決方法如下: 

1 JQuery動態生成表時,做好ID標記,class當然也可以 

如'<td><button id="editproduct" class="btn btn-primary" ><i class="glyphicon glyphicon-user"></i></button></td>'

2  繫結click事件,注意監聽table而不是直接監聽這個ID,table是在html裡靜態存在,jquery僅動態生成tbody標記內容 tr td

$("table").on('click',"button[id='editproduct']" ,function() { }

3 可以在function內正確獲取this ,正確獲取表內其他項資料。

var userName = $(this).parents("tr").find("#productid").text();

查了好久才解決,前端小白一個,呵呵。。。。。。。。。

最近事情多,越來越難抽時間做這個小專案了。。。繼續堅持吧。