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