javascript - 如何在不影响 DOM 的情况下获取 HTML 的克隆、修改、获取 HTML 字符串？

Question

我有一些这样的 HTML 代码:

<div style="background:red;width:900px;height:200px" id="wrap">
    <div id="inner" style="width:300px;float:left">
       ...
    </div>
</div>

我需要:

1) 删除“styles”属性和其他一些

2) 只保留“id”属性

4) 将生成的 HTML 作为字符串获取

5) 所有这些都不会影响原始标记

我曾尝试将它们克隆为 javascript 对象，但对它们的操作会影响 DOM。

Answer 1

你可以 clone您的 #wrap 元素，根据需要修改，并将其附加到 DOM 上不存在的新元素:

var cloned = $('#wrap').clone(), 
   container = $('<div></div>'); 

cloned.find('div').andSelf().removeAttr('style'); 

alert(container.append(cloned).html());

检查上面的例子here .