jQuery在每次输入后添加元素

Question

我希望在表单中的每个输入后添加div：

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

但是所有生成的div都有id =＆＃34; form_valid_undefined＆＃34;。我不知道为什么因为每个输入都有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>");
});