jquery - 获取 jquery DOM 对象的整个 HTML 的字符串表示形式

Question

我环顾四周，在解决我遇到的一个小问题时遇到了一些困难。

我基本上有一个 HTML 字符串，我将其转换为 JQuery DOM 对象，以便我可以使用 JQuery 的 .remove() 轻松删除具有特定类的所有元素。即，

var radHtml = editor.get_html();

var jqDom = $(radHtml);

$(".thickbox", jqDom).remove();
$(".thickboxcontent", jqDom).remove();

editor.set_html(this.innerHTML);

注意:HTML 源自 RADEditor 文本编辑器中的内容，因此没有父 HTML 标记，因此可以如下所示:

<p>This is a header</p>
<p>this is some content followed by a table </p>
<a href="#TB_inline?height=350&amp;width=400&amp;inlineId=myOnPageContent0" class="thickbox">Test Thickbox</a>
<div id="myOnPageContent0" class="thickboxcontent">
<table class="modal">
    <thead>
    </thead>
    <tbody>
        <tr>
            <td>item</td>
            <td>result</td>
        </tr>
        <tr>
            <td>item 1</td>
            <td>1</td>
        </tr>
        <tr>
            <td>item 2</td>
            <td>2</td>
        </tr>
        <tr>
            <td>item 3</td>
            <td>3</td>
        </tr>
    </tbody>
</table>
</div>

这是 jqDom.html() 从上面的 HTML 返回的内容:

"This is a header"

我想知道是否有一种简单的方法可以做到这一点 - 有一些 html 并删除具有特定类(但保留其内容)的所有元素(在本例中为 div)。 JQuery 不一定要用，但我想用。

操作 DOM 对象很好 - 它以字符串形式获取完整的 DOM 对象，而我遇到了问题。

任何帮助将不胜感激。谢谢。

Answer 1

如果您想要每个匹配元素的 html 到您的选择器，请尝试执行 map :

var allHtmls = jqDom.find('.thickbox').map(function(){ 
  return this.innerHTML; 
});

另外，听起来您可能想使用 jQuery 1.4+ 中添加的 unwrap ( http://api.jquery.com/unwrap/ )

jqDom.find('.thickbox').children().unwrap();