jquery 如何獲取動態添加的元素

<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

相關文章
相關標籤/搜索