javascript - jQuery 检查 div 有一个类，如果没有其他类则展开

Question

我有两个 div，我想做的是循环遍历所有 div 来检查 div 是否有一个类 jsn-bootstrap3，我还尝试检查该 div 是否有任何其他类，如果没有，那么我想删除 jsn-bootstrap3 div 以便子内容还剩下什么。

<div class="jsn-bootstrap3">
    <div class="wrapper">
        Div one
    </div>
</div>
<div class="jsn-bootstrap3 block">
    <div class="wrapper">
        Div two
    </div>
</div>


$('div').each(function() {
    if ($(this).hasClass()) {
        console.log($(this));
        var class_name = $(this).attr('jsn-bootstrap3');
        console.log(class_name);
    }
});

jsFiddle

Answer 1

你可以尝试类似的事情

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

演示:Fiddle

• 使用类选择器来查找带有 jsn-bootstrap3 类的 div，因为我们不会与其他人做任何事情
• 使用filter()过滤掉任何其他类的div
• 使用 unwrap() 和contents() 来移除包裹的 div