jquery - jQuery在每次输入后添加元素

Question

我想在表单中的每个输入之后添加 div：

$("#step1 .left input").after("<div class='form_valid' id='form_valid_" + $(this).attr('id') + "'></div>")

但所有生成的 div 都有 id = "form_valid_undefined"。我不知道为什么因为每个输入都有一个 id。

Answer 1

after接受一个函数作为参数，以便您可以引用您的输入元素：

$("#step1 .left input").after(function(){
    return "<div class='form_valid' id='form_valid_" + this.id + "'></div>"
});

Answer 2

$("#step1 .left input").each(function(){
     $(this).after("<div class='form_valid' id='form_valid_" + this.id + "'></div>");
});