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

入力要素を参照できるように、パラメータとして関数を受け入れた後：

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