Javascript jQuery check divs有一个类,如果没有其他类,则展开
我有两个Javascript jQuery check divs有一个类,如果没有其他类,则展开,javascript,jquery,Javascript,Jquery,我有两个div,我要做的是遍历所有div,检查div是否有类jsn-bootstrap3,我还试图检查div是否有任何其他类,如果没有,那么我想删除jsn-bootstrap3div,这样子内容就剩下了 <div class="jsn-bootstrap3"> <div class="wrapper"> Div one </div> </div> <div class="jsn-bootstrap3 block
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);
}
});
第一组
第二组
$('div')。每个(函数(){
if($(this.hasClass()){
log($(this));
var class_name=$(this.attr('jsn-bootstrap3');
控制台日志(类名称);
}
});
您可以尝试以下方法
$('div.jsn-bootstrap3').removeClass('jsn-bootstrap3').filter(function () {
return $.trim(this.className.replace('jsn-bootstrap3', '')) == ''
}).contents().unwrap();
演示:
- 使用类选择器查找类jsn-bootstrap3的div,因为我们不打算对其他类做任何事情
- 使用filter()过滤掉任何其他类的div
- 将unwrap()与contents()一起使用以删除包装div
- 您可以尝试以下方法
$('div.jsn-bootstrap3').removeClass('jsn-bootstrap3').filter(function () {
return $.trim(this.className.replace('jsn-bootstrap3', '')) == ''
}).contents().unwrap();
演示:
- 使用类选择器查找类jsn-bootstrap3的div,因为我们不打算对其他类做任何事情
- 使用filter()过滤掉任何其他类的div
- 将unwrap()与contents()一起使用以删除包装div
.jsn-bootstrap3
,无需再次替换该类,因为它已经被删除了<代码>$('div.jsn-bootstrap3').removeClass('jsn-bootstrap3').filter(函数(){return$.trim(this.className)==''}.contents().unwrap()代码>@vikram你的代码删除了这个类。jsn-bootstrap3你检查过了吗?@RajivRisi这是他需要的吗?@RajivRisi看第一条评论这就快到了,我希望从另一个div中删除。jsn-bootstrap3
,因为它已经被删除了,所以无需再次替换这个类<代码>$('div.jsn-bootstrap3').removeClass('jsn-bootstrap3').filter(函数(){return$.trim(this.className)==''}.contents().unwrap()代码>@vikram你的代码删除了这个类。jsn-bootstrap3你检查过了吗?@RajivRisi这就是他需要的?@RajivRisi看第一条评论