Javascript 如何正确地附加跨度？

我想在输入中添加一个valid或error图标，如下所示，因此我编写了以下代码：

$(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>");;

    }
}

$（文档）.ready（函数（）{
$（'input[name=c_password]'）。keyup（密码检查）；
});
函数密码检查（）{
$（'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|u password！=密码| c|u password.length<6）{
//警报（“测试”）；
$（'input[name=c_password]'）。parent（）.addClass（“has error has feedback”）。append（“”）；
}否则{
$（'input[name=c_password]'）。parent（）.addClass（“has success has feedback”）。append（“”）；；
}
}

但是，在输入上，只要有效，它就会在“删除”图标上方添加“确定”图标！我知道有一个

remove（）

方法可以删除

append（）

。我如何添加它以使我的代码完美运行

谢谢

---

演示：

您可以选择跨度并删除

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

---

您可以选择跨度并删除

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

---

您可以选择跨度并删除

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

---

您可以选择跨度并删除

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

只需在//警报（“测试”）之后添加

$（'input[name=c_password]'）。parent（）.addClass（“has error has feedback”）。find（“span”）.remove（）

此行将查找任何跨度标记并将其删除

前面的答案可能会删除文档中的另一个跨度，这可能不是所需的

只需在//警报（“测试”）之后添加

$（'input[name=c_password]'）。parent（）.addClass（“has error has feedback”）。find（“span”）.remove（）

此行将查找任何跨度标记并将其删除

前面的答案可能会删除文档中的另一个跨度，这可能不是所需的

只需在//警报（“测试”）之后添加

$（'input[name=c_password]'）。parent（）.addClass（“has error has feedback”）。find（“span”）.remove（）

此行将查找任何跨度标记并将其删除

前面的答案可能会删除文档中的另一个跨度，这可能不是所需的

只需在//警报（“测试”）之后添加

$（'input[name=c_password]'）。parent（）.addClass（“has error has feedback”）。find（“span”）.remove（）

此行将查找任何跨度标记并将其删除

---

前面的答案可能会删除文档中的另一个跨度，这可能不是所需的

这是OPs问题的解决方案，但我建议从

中添加和删除类，而不是从DOM中添加和删除整个

，我建议使用fontawesome并更改ICO的类这是OPs问题的解决方案，但是我建议从

中添加和删除类，而不是从DOM中添加和删除整个

，我建议使用fontawesome，只是更改ICO的类这是OPs问题的解决方案，但是我建议从

中添加和删除类，而不是从DOM中添加和删除整个

，我建议使用fontawesome，只是更改ICO的类这是OPs问题的解决方案，但是我建议从

中添加和删除类，而不是从DOM中添加和删除整个

。我建议使用fontawesome，只是通过更正更改iconThanks的类，Robin van der Knaap。我的英语太差了：（通过更正谢谢，罗宾·范德克纳普。我的英语太差了：（通过更正谢谢，罗宾·范德克纳普。我的英语太差了。）（通过更正谢谢，罗宾·范德克纳普。我的英语太差了：(