使用 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");
    }
});

Answer 2

您的 JavaScript 代码很好，如果控制台中没有错误（检查 Google Chrome），那么它应该可以正常工作。 Here is a JsFiddle which proves it's correct JavaScript code。你的问题一定在别处。

$('span.disabled').click(function () {
    $('.disabled').css("color", "red");
});