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>');​