jquery - 使用 JQuery 更改跨度文本的颜色

Question

我有一些 CSS 可以更改我的验证文本颜色的颜色。选中复选框时，我希望颜色变为绿色。我的 JQuery 似乎不喜欢对标记的引用。有什么建议吗？

Razor HTML

@Html.TextBoxFor(model => model.textBox)
@Html.ValidationMessageFor(model => model.textBox,"Required", new { @class = "disableRequired" })

CSS

span.disableRequired.field-validation-error{
   color:yellow;
}

JQuery 不工作

$('#checkBox').click(function () {
     $("span.disableRequired.field-validation-error").css("color", "green");
});

Answer 1

解决办法

CSS

.greentext
{
    color: green;
}

Javascript

$('#checkBox').click(function () {

    if($(this).is(":checked")) {
        $("span.disableRequired.field-validation-error").addClass("greentext");
    }
    else {
        $("span.disableRequired.field-validation-error").removeClass("greentext");
    }
});