Question

如果这个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 green和bue是蓝色而不是橙色，我认为我有一个if条件问题，但我无法解决它。

Answer 1

如果没有添加它，请使用hasClass()方法检查已经上课的div

if("div" .green .blue == true){

将其更改为

$("div.green.blue").length >0

Answer 2

我认为不需要使用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>

如果div有2个其他类，如何addClass

2 个答案: