如果这个div有另外两个类,我想首先通过点击div和第二个随机设置我的div来为我的div添加新类
function selection() {
$(".ok").click(function () {
if ($(".green").length < 7) {
$(this).addClass("green");
}
});
}
function bluecolor() {
$(".boutton2").click(function () {
for (i = 0; i < 5; i++) {
var rn = Math.floor(Math.random() * 20) + 1;
$("#" + rn).addClass("blue");
}
if("div" .green .blue == true){
$("div" .green .blue).addClass("orange");
}
});
}
问题是我的divs绿色和蓝色是蓝色而不是橙色,我认为我有if条件问题,但我无法解决它。
如果没有添加它,请使用hasClass()
方法检查已经上课的div
if("div" .green .blue == true){
改为
$("div.green.blue").length >0
我认为不需要使用if
语句就可以直接使用
$("div.green.blue").addClass("orange");
在代码中
function bluecolor() {
$(".boutton2").click(function () {
for (i = 0; i < 5; i++) {
var rn = Math.floor(Math.random() * 20) + 1;
$("#" + rn).addClass("blue");
}
$("div.green.blue").addClass("orange");
});
}
例:
$('div.green.blue').addClass('orange');
.green{
background : green;
}
.blue{
background : blue;
}
.orange{
background : orange;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="blue">1</div>
<div class="blue">2</div>
<div class="blue">3</div>
<div class="blue green">4</div>
<div class="blue">5</div>
<div class="blue green">6</div>