javascript - jQuery 展开通配符选择器并保留内容

Question

$('div.jsn-bootstrap3').removeClass('jsn-bootstrap3').filter(function () {
    return $.trim(this.className.replace('jsn-bootstrap3', '')) == ''
}).contents().unwrap();

我使用上面的代码来检测是否有一个类 jsn-bootstrap3 它将打开子内容并删除带有该类的 div 但我在下一个示例中拥有的是一个带有多个的 div所有以 col-

开头的类

<div class="col-md-12 col-sm-12 col-xs-12">

我认为我使用的 id $('[class*="col-"]') 它会找到上面的 div 但我如何才能删除它并保留其内容？

<div class="col-md-12 col-sm-12 col-xs-12">
    <img src="http://placekitten.com/g/200/300">
</div>

会变成

    <img src="http://placekitten.com/g/200/300">

Answer 1

您可以将相同的逻辑应用于您的 [class*="col-"] 选择器，就像您对其他选择器所做的那样:

$('[class*="col-"]').contents().unwrap();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="col-md-12 col-sm-12 col-xs-12">
    <img src="http://placekitten.com/g/200/300">
</div>