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>"
});