javascript - 如果任何 div 有 Class through alert

Question

所以我有这个 jQuery 函数来检查特定的 div 是否附加了“红色”类。但是我想知道我如何才能让它检查多个 Div 而不仅仅是“#Drop1”div。

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

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

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

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

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

Answer 1

由于元素的每个 id 属性都以“Drop”开头，您可以使用 attribute selector [id^='Drop']:

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

或者您可以将属性选择器与类选择器结合起来并检查 .length 属性:

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