jQuery解包通配符选择器并保留内容

jQuery unwrapping wildcard selector and keep content

本文关键字：保留 选择器 通配符 jQuery      更新时间：2023-09-26
$('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">
您可以将

相同的逻辑应用于[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>

相关文章：