javascript - 如何正确附加跨度？

Question

我想在输入中附加一个有效或错误的图标，就像http://getbootstrap.com/css/#forms-control-validation一样，所以我写了这段代码:

$(document).ready(function(){
    $('input[name=c_password]').keyup(password_check);

});

function password_check(){  
    $('input[name=c_password]').parent().removeClass("has-error has-feedback").removeClass("has-success has-feedback");
    var password = $('input[name=password]').val();
    var c_password = $('input[name=c_password]').val();
    if(c_password != password || c_password.length < 6){
        //alert("test");
        $('input[name=c_password]').parent().addClass( "has-error has-feedback" ).append("<span class='glyphicon glyphicon-remove form-control-feedback'></span>");
    } else {
        $('input[name=c_password]').parent().addClass( "has-success has-feedback" ).append("<span class='glyphicon glyphicon-ok form-control-feedback'></span>");;

    }
}

但是，在输入上，一旦有效，它就会在“删除”图标上方添加“确定”图标!我知道有一个 remove() 方法可以删除 append()。如何添加它以使我的代码完美运行？

谢谢

演示:http://jsfiddle.net/52VtD/3223/

Answer 1

您可以选择范围并删除。

$('span.glyphicon').remove()

http://jsfiddle.net/52VtD/3227/