$('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>