jQuery HTML clone

有时候我们会有这样的需求:

在HTML页面中单击一个按钮,某处表格会增加一行新的内容
如果使用js直接串HTML,在js代码里就会显得很乱
那么我们就可以用到jQuery的clone方法了

Step 1. HTML代码中添加Template
[xhtml]


[/xhtml]

Step 2. JS中可以这样获取HTML Template,并替换内容追加到现有的HTML后
[js]
var emailItem = $($(“script.template”).html()).clone();
emailItem.attr(“id”, userId);
emailItem.find(“td.name”).text(userName);
emailItem.find(“td.email input”).val(userEmail);
$(“#email-selected”).append(emailItem);

$(this).closest(“tr”).fadeOut(1000, function() {
$(this).closest(“tr”).remove();
});
[/js]