如果任何div有通过警报的类

Question

所以我有这个jQuery函数来检查特定div是否附加了“red”类。但是我想知道我怎么做它以便它检查多个Div不仅仅是“＃Drop1”div。

我总共有4个Div，从＃Drop1一直到＃Drop4。

我想让它工作，以便它检查所有4个Div为“red”类，如果有任何div，则此类显示警告消息。

我环顾四周，似乎找不到具体的答案。

$("Button").click(function(){
    if ( $("#Drop1").hasClass("red") ) {

        alert("one of your Divs has the class red");
    }
});

Answer 1

由于每个元素的id属性均以“删除”开头，因此您可以使用attribute selector [id^='Drop']：

$("button").click(function(){
    if ($("[id^='Drop']").hasClass("red")) {
        // ...
    }
});

或者您可以将attribtue选择器与类选择器组合并检查.length属性：

$("button").click(function(){
    if ($("[id^='Drop'].red").length) {
        // ...
    }
});

Answer 2

有没有理由直接在课堂上选择：$( "div.red" ).each(...)不起作用？