jquery - jQuery - 向输入框添加值后，过滤功能不考虑

Question

我想将文本元素添加到空 div，*如果文本元素不在 div 中/在 div中不是空文本输入.. *

在我为第一个输入框添加了一些值之后，它应该是创建一个新元素，但它不是..

同样，即使我添加了值并删除了它，我也不想创建添加到 div 中的新输入...（即使有多个输入，它也可以集中在第一个空输入框上）

这是我的尝试：

$("a").on("click", function () {

        var newAssociates = $("#content").find(":input:text");

        var emptyAssociates = newAssociates.filter(function(index) {
            return $.trim ( this.value === "" );
        });

    if ( !emptyAssociates.length ) {        
        $("#content").append( $("<input />"));
    }

} )

现场演示

提前致谢！

Answer 1

像这样修改你的filter方法：

var emptyAssociates = newAssociates.filter(function(index) {
     return $.trim(this.value) === "";
});

演示：小提琴