Question

点击按钮，我会检查是否有任何类型的输入＆＃39; req＆＃39;是空的。我想将只有空输入的边框更改为红色。这是我的代码。

$('#btnUpdateOrder').click(function () {
        if ($('.req').attr('value').trim() == '') {
            $(this).css('border', '1px solid red');
            alert('All fields in the ship to and bill to areas must be completed');
            return false;
        }
    });

但是我的代码使按钮的边框变红，而不是输入。任何帮助将不胜感激。

Answer 1

this指的是按钮。您可以使用filter将匹配的元素集减少为空的元素，然后将CSS应用于该集合：

$(".req").filter(function() {
    return $.trim(this.value) === "";
}).css("border", "1px solid red");

请注意，我使用了jQuery trim函数，因为旧版浏览器中没有本机函数。

Answer 2

只需使用$('.req')代替$(this)：

$('#btnUpdateOrder').click(function() {
    $('.req').filter(function() {
        return $(this).val().trim() == '';
    }).css("border", "1px solid red");
});

确定类的哪个输入为空

2 个答案: