jQuery .html()删除html元素

Question

我正在将一个变量设置为<tbody>的完整内容，在对表格进行过滤后，我希望能够返回到<tbody>的原始完整内容。目前，当我尝试更改回原始内容时，jQuery正在剥离<script> <tr>和<td>元素。

JavScript

var contents= $("tbody").html();
//load of other functions
$("tbody").html(contents);

内容看起来有点像这样：

<script>alert("Hello");</script>
<tr>
    <td>A value</td>
    <td>Another value</td>
</tr>

当我尝试恢复到这些内容时，我得到了：

 A value
 Another value

Answer 1

您正在使用的技术应该是有效的，如以下jsFiddle所示：

http://jsfiddle.net/GbSrV/

运行小提琴时，请查看JavaScript控制台。您将注意到html()返回的值与预期一致。

要调试代码，请使用浏览器的开发工具检查实际的DOM。动作前、中、后的tbody是什么样子的？

另外，您使用哪些确切的代码来检查恢复的tbody内容？我假设您在调试器(或等效调试器)中插入恢复的值时使用：

$("tbody").html()

如果不是这样，请让我们知道。

你应该能够让你的原始代码正常工作。但是，如果需要，您可以尝试以下实现替代方案：

var contents$ = $("tbody").children().clone();
// load of other functions
$("tbody").empty().append( contents$ );