基本上是单击按钮生成表格行,然后单击减号按钮删除行。jquery删除表格行不起作用
我已经尝试了下面的几种方法,它没有工作。 -.bind -.live - 正常方式
现在看来似乎不是由于是动态生成的表工作。
<script language="JavaScript" src="jquery-1.4.3.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
var html = '';
var rows= 5;
var cols= 4;
$('#btnGenTable').bind("click", function() {
for (var r = 1; r <= rows; r++)
{
html += '<tr>';
for (var c = 1; c <= cols; c++)
{
cellText= "row " + r + " col " + c;
html += '<td>aa</td>';
}
html+= '<td><img class="delete" src="minus.jpg" /></td>';
html += '</tr>';
};
$('.inner').html('').append(html);
});
$('table tbody tr td img.delete').click(function(){
alert('clicked');
$(this).parent().parent().remove();
});
});
</script>
<br />
<table id="tblsize" class="inner" border="1" width="80%">
</table>
<input type=button value="Generate Table" name="btnGenTable" id="btnGenTable" class=text100>
适合我。确保你把你的属性http://jsbin.com/iqini3/edit – pixeline 2010-10-28 11:01:38
附加在你的函数中添加一个警告框,并检查警报框是否到达。 – kbvishnu 2010-10-28 11:02:15
$('table tbody tr td img.delete') .click作为动态表运行时不工作,如果作为静态预存表运行,它将工作。任何想法? – 2010-10-28 15:35:43