Как показать скрытый класс для элемента с JavaScript? - PullRequest
Новая
       27

Как показать скрытый класс для элемента с JavaScript?

0 голосов
/ 23 июля 2010

У меня возникают проблемы при попытке показать скрытый класс, который уже был применен к элементу.Я пытаюсь использовать метод 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
    }

Ответы [ 3 ]

0 голосов
/ 23 июля 2010 
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
    }
0 голосов
/ 23 июля 2010

Я полагаю, вы ищете addClass () и removeClass ()

0 голосов
/ 23 июля 2010

То есть вы хотите изменить отображение каждого элемента, к которому применен класс «required»?Для этого вам нужно выбрать и зациклить каждый элемент.Мой синтаксис немного грубоват, но я думаю, что он может выглядеть примерно так: 

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

В противном случае вы можете захотеть взглянуть на LESS , который позволяет использовать переменные в CSS.Я не уверен, что это сработает для вас.

...