javascript - 循环遍历 JQuery Id

Question

我的任务是使用 jquery 错误地将输入字段的边框颜色设置为红色。我做到了，但我不想重复自己。有没有办法让它更短，以及如何在输入字段中输入值时将颜色设置为绿色。谢谢

Javascript 代码

if (err !== 0){

    $("#inputOne").css("border-color", "red");
    $("#inputTwo").css("border-color", "red");
    $("#inputThree").css("border-color", "red");
    $("#inputFour").css("border-color", "red");

    //If there are errors, alert the user and return false
    $.notify("Please fill fields with *!",
        {
            position: 'bottom right',

        }
    );
    return false;
}

我尝试了 $("#inputOne", "#inputTwo", "#inputThree", "#inputFour").css("border-color", "red");但没用

Answer 1

你快到了:

$("#inputOne,#inputTwo,#inputThree,#inputFour").css("border-color", "red");

请注意 CSS 选择器是如何一个字符串的。就像样式表中的 CSS 规则一样，您可以使用逗号分隔多个选择器进行匹配。