jQuery prepend()不工作，有什么问题吗？
jQuery prepend()不工作，有什么问题吗？
提问于 2014-08-28 11:28:47
我很困惑我的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>回答 1
Stack Overflow用户
回答已采纳
发布于 2014-08-28 11:31:52
假设触发了焦点事件，问题是在.prepend()之后使用.prepend()将删除.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>");
}
});演示：小提琴
所以
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!');
}
});
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/25547714
复制相关文章
相似问题
腾讯云开发者
