将生成的HTML存储在变量中

Question

我有一个简单的jQuery表编辑器,并希望能够将整个表存储在一个变量中.稍后将保存表的状态,类似于迷你CMS.

我尝试使用HTML,但它不适用于生成的元素.

这样做的最佳方法是什么？什么是.html()安全返回,或者由于浏览器的不同而不应该使用它innerHTML？

$("#target").click(function() {
    $('#myTable tr:last').after('<tr><td>Bla</td><td><div class="remove">REMOVE</div></td></tr>');
});

$("#myTable").on('click', '.remove', function(event) {
    $(this).parent().parent().remove();
});

var table = $("#myTable").html();
$("button").click(function() {
    $(".result").html(table);
});

Answer 1

尝试将点击处理程序更新为以下内容:

$("button").click(function() {
    var table = $("#myTable").html();
    $(".result").html(table);
});

看到它在这里工作:http://jsbin.com/ucopun/11