<td><buttonclass="del">刪除</button></td> jQuery(function($){ //第四個表格的刪除按鈕事件綁定 $("#table4").click(function(e) { if (e.target.className=="del"){ $(e.target).parents("tr").remove(); }; }); //第四個表格的添加按鈕事件綁定 $("#add4").click(function(){ $("#table4>tbody").append('<tr><td>新增行</td><td><button class="del">刪除</button></td></tr>') }); });
利用獲取總體表格的單擊事件,再來找到點擊的按鈕的Class來找到動態添加的行。javascript
利用事件冒泡的原理,咱們給這個按鈕的祖先元素綁定事件處理函數。
而後經過event.target這個對象來判斷,這個事件是否是咱們要找的對象觸發的。
一般能夠利用一些DOM屬性,好比event.target.className、event.target.tagName等之類的來判斷java