jQuery——在向输入框添加值后，不考虑筛选函数

我想将文本元素添加到空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 />"));
    }

} )

$（“a”）。在（“单击”）上，函数（）{
var newAssociates=$（“#content”）.find（“：input:text”）；
var emptyasociates=newAssociates.filter（函数（索引）{
返回$.trim（this.value==“”）；
});
如果（！emptyAssociates.length）{
$（“#内容”）。追加（$（“”）；
}
} )

---

提前谢谢

Mofify您的

过滤器
方法如下：

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

演示：
是的，你是对的，这是另一个问题，在我为输入添加了一些值之后，我得到了一个新元素。但是，如果我从添加的元素中删除了值，我不应该创建新元素，并且应该关注第一个空元素。您可以为此进行更新吗？