jQuery .text不能正常工作

Question

我有一个jQuery验证功能，可以添加类并在模糊上更改某些信息文本。 .addClass和.removeClass方法工作正常，但.text不。我有一种感觉，我错过了一些简单而基本的东西，但是我糟糕的JavaScript知识可能是一个障碍。感谢任何能提供帮助的人！

$(document).ready(function(){ 
    $('.required-text').on('blur', function() { 
    $(this).removeClass('error'); 
    if($.trim(this.value).length < 1) { 
     $(this).addClass('error'); 
     var fieldText = "#" + this.id + "_info"; 
     $(fieldText).removeClass('forminfo'); 
     $(fieldText).addClass('forminfo_error'); 
     $(fieldText).text = "This field is required."; 
    } 
    } 
}); 

<input type="text" name="first_name" id="first_name" value="" class="form-text required-text"> 
<span id="first_name_info" class="forminfo">Required</span> 

Answer 1

尝试$(fieldText).text("This field is required.");代替

看文档中关于text()：http://api.jquery.com/text/

Answer 2

$(fieldText).removeClass('forminfo').addClass('forminfo_error').text("This field is required.");