我是 javascript/jQuery 新手。有没有办法让这段代码更短?
else if (players == 6) {
$('#box1').addClass("col-md-4");
$('#box1').removeClass("col-md-6");
$('#box2').addClass("col-md-4");
$('#box2').removeClass("col-md-6");
$('#box3').addClass("col-md-4");
$('#box3').removeClass("col-md-6");
$('#box4').addClass("col-md-4");
$('#box4').removeClass("col-md-6");
$('#box4').removeClass("col-md-offset-4");
$('#box5').addClass("col-md-4");
$('#box5').removeClass("col-md-6");
$('#box6').addClass("col-md-4");
$('#box6').removeClass("col-md-6");
$('#box1').show();
$('#box2').show();
$('#box3').show();
$('#box4').show();
$('#box5').show();
$('#box6').show();
}
最佳答案
您可以combine the selectors并通过链接应用每个方法。
else if (players == 6) {
$('#box1,#box2,#box3,#box4,#box5,#box6')
.addClass("col-md-4")
.removeClass("col-md-6")
.show();
}
<小时/>
或者使用attribute starts with the selector .
else if (players == 6) {
$('[id^="box"]')
.addClass("col-md-4")
.removeClass("col-md-6")
.show();
}
<小时/>
或者对元素使用通用类并基于该类进行选择。
else if (players == 6) {
$('.box')
.addClass("col-md-4")
.removeClass("col-md-6")
.show();
}
关于javascript - 如何缩短此 JQuery 代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42693068/