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

前端之家收集整理的这篇文章主要介绍了获取jquery DOM对象的整个HTML的字符串表示形式前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我已经看了一下,并且在解决我遇到的一个小问题时遇到了一些困难.

我基本上有一串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对象作为我遇到问题的字符串完整地获取.

任何帮助都会很有用.谢谢.

解决方法

var radHtml = editor.get_html();

var jqDom = $(radHtml);
jqDom.wrap('div'); //dont remember if thats ok or u need to asign it in the jqDom again
$(".thickBox",jqDom).remove();

editor.set_html(jqDom.html());

也许这可能有所帮助

猜你在找的jQuery相关文章