Javascript Jquery删除不需要的标记

我有一个HTML数据

原始HTML数据：

<div id="holder">
    <div class="box">
        <span class="conf"><a href="" class="remove">Remove</a></span>
        <div class="view">
            <div class="demoContainer container-fluid">
                <div class="box">
                    <span class="conf"><a href="" class="remove">Remove</a></span>
                    <div class="view">
                        <div class="insideContainer container">
                            <div class="demoRow">
                                    <span class="conf"><a href="" class="remove">Remove</a></span>
                                    <div class="view">
                                        <div class="row">
                                            <div class="column">
                                                <span class="conf"><a href="" class="remove">Remove</a></span>
                                                <div class="view">
                                                    <div class="col-md-6">Content</div>
                                                    <div class="col-md-6">Content</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    ....
</div>

内容
内容
....

我需要这样的格式：

<div id="holder">
    <div class="demoContainer container-fluid">
        <div class="row">
            <div class="col-md-6">Content</div>
            <div class="col-md-6">Content</div>
        </div>
    </div>
</div>

内容
内容

我尝试jquery的方法，但不是解决方案。 如何将不需要的标记剥离到原始html数据中？（.box、.conf、.view等）

---

我相信你需要这样的东西：

$(function() {
  $("span.conf").remove()
  $(".box, .view, .conf").contents().unwrap();
})

var $holder = $('#holder');
var $content = $holder.find('.col-md-6');
$holder.empty().append($content);
$content.wrapAll('<div class="demoContainer container-fluid"><div class="row"></div></div>');

---

考虑到需要遍历和修改的元素太多，您可能最好将

.col-md-6

元素从该结构中复制出来，并围绕它们构建自己的父元素，如下所示：

$(function() {
  $("span.conf").remove()
  $(".box, .view, .conf").contents().unwrap();
})

var $holder = $('#holder');
var $content = $holder.find('.col-md-6');
$holder.empty().append($content);
$content.wrapAll('<div class="demoContainer container-fluid"><div class="row"></div></div>');

---

@moe这只是一个空的盒子。我需要去除所有不需要的标签。col-md-6和容器液体可能会有所不同。在这种情况下我该怎么办？谢谢你，德米特<代码>$obj.contents（）.unwrap（）为我工作。