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

如果控制台中没有错误（请查看Google Chrome），那么您的JavaScript代码就可以了。 Here is a JsFiddle which proves it's correct JavaScript code。你的问题必须在其他地方。

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

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

2 个答案: