Javascript jquery展开多个递归节点

我正在尝试删除所有“要删除”类的div，但我不太确定如何执行。我查看了“打开的包裹”，但没有找到任何接近我要找的东西

是否可以轻松地从这一点出发：

<div class="toBeRemoved">
    <div class="toBeRemoved">
        <table>
            <tbody>
                <tr>
                    <td>
                        <div class="toBeRemoved">
                            <div class="toBeRemoved">
                                <div style="text-align: left;">
                                    <div class="toBeRemoved">
                                        <div class="toBeRemoved">
                                            First node
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
    <div class="toBeRemoved">
        <table>
            <tbody>
                <tr>
                    <td>
                        <div class="toBeRemoved">
                            <div class="toBeRemoved">
                                <div style="text-align: left;">
                                    <div class="toBeRemoved">
                                        <div class="toBeRemoved">
                                            Second node.
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</div>

第一节点
第二个节点。

到

这需要保留
这需要保留

.remove（）

将不起作用。因为它将删除子项

var cnt = $(".toBeRemoved").contents();
$(".toBeRemoved").replaceWith(cnt);

从这里开始。 复制邮件

编辑现在应该可以工作了

$(".toBeRemoved").each( function () {
    var cnt = $(".toBeRemoved").contents();
    $(".toBeRemoved").replaceWith(cnt);
});

.remove（）

将不起作用。因为它将删除子项

var cnt = $(".toBeRemoved").contents();
$(".toBeRemoved").replaceWith(cnt);

从这里开始。 复制邮件

编辑现在应该可以工作了

$(".toBeRemoved").each( function () {
    var cnt = $(".toBeRemoved").contents();
    $(".toBeRemoved").replaceWith(cnt);
});

---

将每个

.toBeRemoved

元素替换为其直接子元素：

$('.toBeRemoved').each(function() {
  $(this).replaceWith($(this).children());
});

---

将每个

元素替换为其直接子元素：

$('.toBeRemoved').each(function() {
  $(this).replaceWith($(this).children());
});

循环是不必要的。的确如此。你确实试过使用
。删除
是吗？@Juhana我去掉了循环。谢天谢地，我错过了包含afformented循环的原始帖子。@Juhana实际上不会
。删除
也删除子元素？？循环是不必要的。的确如此。你确实试过使用
。删除
是吗？@Juhana我去掉了循环。谢天谢地，我错过了包含afformented循环的原始帖子。@Juhana实际上不会
。删除
也会删除子元素？？在原始HTML中，哪里是
这需要保留
？在原始HTML中，哪里是
这需要保留
？