javascript - jQuery . 是否可以隐藏动态生成的对象（tr）

Question

这是我要生成的脚本

var milliseconds = new Date().getTime();
$('#users-table > tbody:first').append("< tr id='"+milliseconds.toString()+"'><td>newuser</td>  <td><a href=\"javascript:remove_user('"+milliseconds.toString()+"')\"  ><i class='icon-trash'></i></a></td>   </tr>"); 

而我用这段代码来隐藏

function remove_user(tr_id){
        $("#"+tr_id).hide();

 }

但它似乎无法正常工作（在我点击图标后它应该被隐藏。但新用户仍然出现）。我错过了什么吗？

Answer 1

你的空间tr正在扔东西。删除它，它会工作。

jsFiddle 不工作

jsFiddle工作

问题似乎在于 jQuery 解析 HTML：

$("< tr><td></td></tr>")[0].tagName //TD instead of TR

Answer 2

在创建它时向 tr 添加一个类。单击按钮时，请使用该类引用 td 并对其应用 display: none 。

    var milliseconds = new Date().getTime(); $('#users-table > tbody:first').append("< tr class="mango" id='"+milliseconds.toString()+"'><td>newuser</td> <td><a href=\"javascript:remove_user('"+milliseconds.toString()+"')\" ><i class='icon-trash'></i></a></td> </tr>");
 $("#btn").click(function(){ $("tr.mango").css("display","none"); });