.append()与类

Question

我想用来.append()向表中添加一个新行.但是,class="addRowDemo3"并class="removeRowDemo3"没有附加.任何想法为什么？

$('.addRowDemo3').click(function(){
    $('#Demo3 > tbody:last').append('<tr><td>Google</td><td>12.3</td><td>14.5</td><td>17.3</td><td>20.2</td><td><button class="addRowDemo3">Add a row</button><button class="removeRowDemo3">Remove a row</button></td></tr>');
});

Answer 1

应添加添加和删除具有正确类的行的按钮.但事件不受新元素的约束.

当你使用$('selector').click(function(){})时,只有DOM中当前可用且被选择器匹配的元素绑定到事件处理程序.

对于未来的元素尝试使用jQuery"on":

试试这个

$('#Demo3').on('click', '.addRowDemo3', function(){
    $('#Demo3 > tbody:last').append('<tr><td>Google</td><td>12.3</td><td>14.5</td><td>17.3</td><td>20.2</td><td><button class="addRowDemo3">Add a row</button><button class="removeRowDemo3">Remove a row</button></td></tr>');
});

这样您就可以将事件委托给'#Demo3'.无论何时单击".addRowDemo3",新添加或现有,事件都会冒泡到"#Demo3"并执行您的功能

请参阅:http://api.jquery.com/on/