javascript - Jquery 去除不需要的标签

Question

我有一个 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 的 unwrap和 detach方法，而不是解决方案。 如何将不需要的标签剥离到原始 html 数据中？ (.box、.conf、.view 等)

JSFIDDLE

Answer 1

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

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