使用 jQuery 向空表添加行时处理 tbody

kha*_*d13 5 javascript jquery html-table

我的代码中有一个空表,如下所示:

<table id='rostertable'></table>
Run Code Online (Sandbox Code Playgroud)

当我添加一个<tr>using jQuery 的append函数时,根据我的 chrome 检查器,我的表如下所示:

<table id='rostertable'><tbody><tr>...</tr></tbody></table>
Run Code Online (Sandbox Code Playgroud)

似乎 tbody 是自己添加的,这会在我遍历 DOM 时导致问题。

为了保持一致性,我认为如果我自己添加 tbody 并直接附加到它会更好。这可能吗?我尝试制作占位符,<table id='rostertable'><tbody></tbody></table>但 jQuery 选择器$('#rostertable tbody')返回 null,我的 chrome 检查器也不显示 tbody 标签。

编辑:没关系,它最终成为我的 javascript 中一个无关的错误。有一次我正在清除表的内容并运行 $("#rostertable").html(""),这当然删除了 tbody。我接受了这个问题的第一个有效答案。

Adi*_*dil 4

你应该not得到null,如果没有元素与选择器匹配,你仍然会得到object包含zero元素。

\n\n

您的选择器正在返回 tbody,您可能使用了一些错误的方法。

\n\n

现场演示

\n\n
alert($(\'#rostertable tbody\').html());\xe2\x80\x8b\n
Run Code Online (Sandbox Code Playgroud)\n