jquery在表中没有消失

Question

我在这个变量中有行的html

var newRow = "<tr><td>test</td></tr>"

在我的成功功能中 我正在添加这个

$('.my_table tr:last-child').before(newRow).fadein();

但它不起作用

Answer 1

$('.my_table tr:last-child').before(newRow).fadein();
//                                              ^----------

$('.my_table tr:last-child').before(newRow).fadeIn();
//                                               ^----------    

与往常一样， javascript区分大小写。 ：）

---

<强>更新

您需要在插入元素之前隐藏元素：

var newRow = $("<tr><td>test</td></tr>").hide();
$('.my_table tr:last-child').before(newRow).fadeIn();

Answer 2

选中此FIDDLE

$('#addNewRow').on('click',function(){
   var newRow = $("<tr><td>test</td></tr>");
   newRow.hide();
   $('.my_table tr:last-child').before(newRow);
   newRow.fadeIn("slow");
});