如何使用 javascript 显示元素的隐藏类？答案

【问题标题】：How to show a hidden class for an element with javascript?如何使用 javascript 显示元素的隐藏类？
【发布时间】：2010-07-22 20:42:36
【问题描述】：

我在尝试显示已应用于元素的隐藏类时遇到问题。我正在尝试将 show() 方法与类和选定元素一起使用，但无济于事。任何帮助将不胜感激！

HTML

<label for="name" class="overlay required"><span>Name...</span></label>
<input class="input-text" type="text" id="name" />

CSS

label.required:after {
 content: "Required";
 float: right;
 color: #07305e;
 display: none;
}

Javascript

jQuery("form input").each(function(){
    var input = jQuery(this);
    if (input.val() == 0){
        input.prev().effect("pulsate", { times:1 }, options.pulseSpeed).focus();
        jQuery(".required", input.prev()).show(); //Show hidden class .required
    }

【问题讨论】：

标签： javascript class forms hidden show

【解决方案1】：

jQuery("form input").each(function(){
    var input = jQuery(this);
    if (input.val().length == 0){
        var input = input.prev().effect("pulsate", { times:1 }, options.pulseSpeed).focus();
$('input[for="'+input.attr('id')+'"]').show(); //Show hidden class .required
    }

【讨论】：

【解决方案2】：

我相信您正在寻找addClass() 和removeClass()

【讨论】：

【解决方案3】：

所以您想更改应用了“必需”类的每个元素的显示？为此，您需要选择并遍历每个元素。我的语法有点粗糙，但我认为它可能看起来像这样：

$(".required").each(function(){
   var input = $(this);
   input.css("display", "block");
}

否则，您可能需要查看LESS，它允许您在 CSS 中使用变量。不过，我不确定这是否能满足您的需求。

【讨论】：

我尝试过这样的事情，但我正在尝试更改 .required 类的显示值。
我认为没有办法通过 javascript 来更改这样的 CSS 类。您需要在具有该类的表单上的每个元素上更改该显示类型。我会用示例更新我的回复。