jquery.是否可以隐藏动态生成的对象(tr)

jquery . is it possible to hide a dynamic generated object (tr)

本文关键字:对象 tr 是否 隐藏 动态 jquery      更新时间:2023-09-26

这是我生成的脚本

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();
 }

但它似乎工作不正常(在我点击图标后,它应该被隐藏。但新用户仍然出现)。是我遗漏了什么吗?

tr中的空间正在丢弃东西。移除它,它就会工作。

jsFiddle不工作

jsFiddle工作

问题似乎出在jQuery解析HTML:上

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

在创建tr时将一个类添加到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"); });