我正在尝试删除tpl文件中的一行。当用户单击特定记录时,应删除该记录。在java脚本函数中
var temp=button.id;
var idTemp1 = temp.split("_");
var rowNo = idTemp1[1];
var row = document.getElementById('table_row_'+rowNo);
row.parentNode.removeChild(rowNo);
我正在获取rowNo,但是当尝试通过document.getElementById('table_row_'+rowNo);
获取行时获取null。
我是新来的糖。如果您有解决方案,请提供
提前致谢
答案 0 :(得分:0)
我假设按钮是每个行上都存在的“删除”按钮。我对么?你为什么不尝试使用jQuery?
如果按钮的ID类似于“delete_8”:
$('#delete_8').click(function(event) {
var $target = $(event.target);
$target.closest('tr[id^=table_row]').remove();
})
这基本上是它将按钮上的click事件绑定。它将“目标”单击元素设置为$ target变量。从变量中,您可以找到最接近的父节点,它是一个TR(我假设它是一个表行),其id以“table_row”开头并将其删除。
您应该最终切换到使用事件委派来处理在表中所有按钮上侦听单击事件,而不是将click事件附加到该表中的每个按钮。