javascript - 更改每个空元素的样式

Question

我正在开发一个项目，用户可以添加项目，我为他们提供了“添加另一个”按钮，以便他们可以添加另一个项目，这样现在他们可以同时添加多个项目。为了验证此表单并在数据库中插入值，我使用了以下过程

现在我通过名称访问表单元素但我的客户想要更改用户留空的每个元素的背景颜色。我尝试过 Jquery“空”、“第 n 个子”选择器，但我完全没能做到这一点所以请帮我解决这个问题

Answer 1

您只想更改空文本框的背景颜色吗？如果是这样，你可以这样做:

$("#my_form input:text").each(function() {
    if(!$(this).val()) {
        $(this).css("background-color", "red");
    }
});

您迭代 #my_form 中要验证的所有元素，并检查它们是否具有任何值。如果没有，请应用 CSS 更改。