jQuery prepend（）不工作，出了什麼問題

Question

我很困惑我的append（）沒有顯示在HTML中。你們能告訴我什麼是錯在下面的代碼：

<div class="form-group" id="password"> 
    <label class="control-label" for="inputError"> Password:</label> 
    <input type="password" class="form-control" id="input-password" placeholder="Password" value="" name="password"/> 
</div> 

我的JS：

<script type="text/javascript"> 
     $('input[name="password"]').focusout(function() { 
      if($(this).val()==""){ 
       $('#password').attr('class','form-group has-error'); 
       $('#password .control-label').prepend("<span class='fa fa-times-circle-o'></span>"); 
       $('#password .control-label').text(' Input your new password!'); 
      } 
     }); 
</script> 

Answer 1

假設事件的內容事件被觸發，問題是你.prepend後使用的.text（） （），這將除去（）與.prepend添加的內容

$('input[name="password"]').focusout(function() { 
    if ($(this).val() == "") { 
     $('#password').attr('class', 'form-group has-error'); 
     $('#password .control-label').text(' Input your new password!'); 
     $('#password .control-label').prepend("<span class='fa fa-times-circle-o'></span>"); 
    } 
}); 

演示：Fiddle

---

所以

jQuery(function($){ 
    $('input[name="password"]').focusout(function() { 
     if ($(this).val() == "") { 
      $('#password').attr('class', 'form-group has-error'); 
      $('#password .control-label').text(' Input your new password!').prepend("<span class='fa fa-times-circle-o'></span>"); 
      //$('#password .control-label').html('<span class="fa fa-times-circle-o"></span> Input your new password!'); 
     } 
    }); 
});