Javascript Jquery - 更改标签颜色

时间:2014-04-30 15:35:39

标签: javascript php jquery laravel

我有这段代码:

 jQuery('#novaPasse').on('keyup',function(){
            var pass = $(this).val();

            if (IsEnoughLength(pass) && HasMixedCase(pass) && HasNumeral(pass)){
                $('#forcaPasse').text('Palavra-Passe Muito Forte!');
                $('#forcaPasse').prev('label').css('color','#8EFA00');
            }else if (IsEnoughLength(pass) && HasMixedCase(pass)){
                $('#forcaPasse').text('Palavra-Passe Forte!');
                $('#forcaPasse').prev('label').css('color','#7CDB00');
            }else if (IsEnoughLength(pass) && HasNumeral(pass)){
                $('#forcaPasse').text('Palavra-Passe Moderada!');
                $('#forcaPasse').prev('label').css('color','#FC9C35');
            }else{
                $('#forcaPasse').text('Palavra-Passe Fraca!');
                $('#forcaPasse').prev('label').css('color','#FF0000');
            }
            });

目标是改变颜色和文字。没有颜色代码它可以工作,它会改变文本。但我希望文字有所不同。文字出现但颜色没有变化。这是我的标签

<label id="forcaPasse"></label>

有谁知道如何更改标签字体的颜色?

1 个答案:

答案 0 :(得分:0)

解决方案是:我删除了prev('label')

jQuery('#novaPasse').on('keyup',function(){
            var pass = $(this).val();

            if (IsEnoughLength(pass) && HasMixedCase(pass) && HasNumeral(pass)){
                $('#forcaPasse').text('Palavra-Passe Muito Forte!');
                $('#forcaPasse').css('color','#8EFA00');
            }else if (IsEnoughLength(pass) && HasMixedCase(pass)){
                $('#forcaPasse').text('Palavra-Passe Forte!');
                $('#forcaPasse').css('color','#7CDB00');
            }else if (IsEnoughLength(pass) && HasNumeral(pass)){
                $('#forcaPasse').text('Palavra-Passe Moderada!');
                $('#forcaPasse').css('color','#FC9C35');
            }else{
                $('#forcaPasse').text('Palavra-Passe Fraca!');
                $('#forcaPasse').css('color','#FF0000');
            }
            });

现在它正常工作!