JQuery-将类添加到不工作的现有类

这是一个非常简单的网页。 我只想更改验证错误输入的背景颜色。 我遵循了来自ASPNET核心书籍和JQuery自己网站的相同代码。 但是不起作用

@section scripts {
<script src="/lib/jquery/dist/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $("input.input-validation-error").addClass("bg-warning");
    });
</script>

@节脚本{
$（文档）.ready（函数（）{
$（“input.input验证错误”）.addClass（“bg警告”）；
});

}

表单输入是

  <div class="input-group mb-1" id="DivPrnReason">
    <label for="Location" class="col-sm-12 form-control-plaintext">What PRN was given?</label>
    <div class="col-sm-6 col-md-10 col-lg-10 ">
       <input asp-for="PRNReason" class="form-control" type="text" placeholder="What">
    </div>
  </div>

给予了什么PRN？

---

提交页面后没有错误，但类更新为“input validation error”，但bg Warning没有添加到类中。

脚本位于代码开头。必须在最后

您是否检查过脚本块是否执行？“提交页面后”-何时将

输入验证错误

类添加到元素中？因为一旦页面加载，您就在寻找它。如果在这之后的任何时间添加它，则表明您的代码已经运行。在这种情况下，您可能不想添加另一个类，而是想更改

输入的CSS。输入验证错误

以包括您用于

bg warning

的样式。您希望在验证或提交时应用该类吗？您是否使用asp.net核心mvc模板项目中提供的jquery验证程序插件？David是对的。我只是按照书中的代码进行操作，脚本位于页眉中。我一把它移到最后，就开始工作。谢谢。该脚本试图影响尚未呈现的dom的一部分。这就是将脚本放在页面末尾的原因。加载时访问DOM的jQuery代码应该在

$（document）.ready（）中。OP在文档中的逻辑已经就绪。如果仍然存在计时问题，则表明存在动态更改文档中的逻辑ready正在搜索的类的逻辑。