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 not working

jsFiddle working

问题似乎是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"); });

jquery。是否可以隐藏动态生成的对象（tr）

2 个答案: