jquery - 仅删除 DOM JQuery 中的父元素

标签 jquery dom parent

我的想法已经用完了。我在这里遇到一个问题,我需要仅删除父元素,同时保留子元素。

<div class="remove_this_only">
    <table>
        <tbody>
            <tr>
                <td>I want to get preserved</td>
            </tr>
        </tbody>
    </table>
</div>

结果输出应该是

<table>
    <tbody>
        <tr>
            <td>I want to get preserved</td>
        </tr>
    </tbody>
</table>

最佳答案

编辑:

听起来您想删除 <div>您已添加到问题中。

只需选择 <table>并使用 unwrap() [docs]方法。

$('div > table').unwrap();

当然,选择器会根据您的实际标记而有所不同。

示例: http://jsfiddle.net/VyJv3/ (样式 div 已被删除)

<小时/>

原始答案:

按照这种方式,您将删除表格所需的元素。

如果您希望删除 <td> ,您将拥有文本节点作为 <tr> 的子节点。你可以做到。

如果你的 HTML 是这样的:

<html>
<table>
    <tbody>
        <tr>
            <td><span>I want to get preserved</span></td>
        </tr>
    </tbody>
</table>

...并且您想摆脱 <span> ,您可以使用 unwrap() [docs]方法。

$('td > span').contents().unwrap();

关于jquery - 仅删除 DOM JQuery 中的父元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6428254/

相关文章:

html - 如何设置 div 元素的样式以形成表格

mysql - 如何在单表mysql中选择叶子的根

php获取父类文件路径

php - $node->nextSibling 总是给出 DOMAttr (仅限文本节点)

javascript - 方法分配的非法调用

html - 使div(height)占据父级剩余高度

javascript - 取消之前的异步 .load() 请求

javascript - jquery ajax 后调用、ajaxify 历史和后退按钮

javascript - jquery 记录所有函数调用

javascript - 如何用jquery高亮表格中的行