Javascript 使用jQuery将行添加到空表时处理tbody
我的代码中有一个空表,如下所示:Javascript 使用jQuery将行添加到空表时处理tbody,javascript,jquery,html-table,Javascript,Jquery,Html Table,我的代码中有一个空表,如下所示: <table id='rostertable'></table> 似乎tbody是自己添加的,这会在稍后遍历DOM时导致问题 出于一致性的考虑,我想如果我自己添加tbody并直接附加到它会更好。这可能吗?我尝试使用占位符,但是jQuery选择器$(“#罗斯特表tbody')返回空值,我的chrome inspector也不显示tbody标记 编辑:没关系,它最终成为我的javascript中一个不相关的bug。有一次我清除了表中的内容并
<table id='rostertable'></table>
似乎tbody是自己添加的,这会在稍后遍历DOM时导致问题
出于一致性的考虑,我想如果我自己添加tbody并直接附加到它会更好。这可能吗?我尝试使用占位符
,但是jQuery选择器$(“#罗斯特表tbody')
返回空值,我的chrome inspector也不显示tbody标记
编辑:没关系,它最终成为我的javascript中一个不相关的bug。有一次我清除了表中的内容并运行$(“#rostertable”).html(“”),这当然删除了tbody。我接受了这个问题的第一个有效答案 您应该
不
获取空
,如果没有元素与选择器匹配,您将获得包含零
元素的对象
您的选择器正在返回tbody,您可能使用了错误的方法
alert($('#rostertable tbody').html());
要附加到tbdoy
中,只要附加了有效的html,代码就可以工作
以下操作正常:
$('#rostertable tbody').append('<tr><td>new row - cell 1</td><td>new row - cell 2</td></tr>');
$('#花名册tbody').append('new row-cell 1new row-cell 2');
您需要确保附加
以及
。例如,在Chrome中,下面将简单地添加一个空的
$(“#罗斯特表tbody”).append('不添加单元格,只添加行');
显示您的jquery代码当您添加浏览器时,会添加您可以使用的tbody标记,而不是$table.html(“”)
。这是一个不相关的错误,但我接受了您的答案,因为它似乎是一个有效的答案。非常感谢。
$('#rostertable tbody').append('<tr><td>new row - cell 1</td><td>new row - cell 2</td></tr>');
$('#rostertable tbody').append('<tr>no cells added, just row</tr>');