Question

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

我使用上面的方法来检测是否有一个类jsn-bootstrap3它将解包子内容并删除该类的div，但我在下一个示例中的内容是一个包含多个类的div，所有这些都以{开头{1}}

col-

我认为我使用<div class="col-md-12 col-sm-12 col-xs-12">的ID会找到上面的div，但我怎么能删除它并保留其内容？

$('[class*="col-"]')

会变成

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

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>

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

1 个答案: