jQuery add elements after every input

Question

I want to add divs after every input in my form:

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

but all generated divs have id = "form_valid_undefined". I dont know why becouse every input have an id.

That's because this doesn't refer to the input elements. — Ram
– Ram, Commented Sep 8, 2013 at 7:19

Denys Séguret · Accepted Answer · 2013-09-08 07:19:01Z

3

after accepts a function as parameter, so that you can refer to your input element :

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

answered Sep 8, 2013 at 7:19

Denys Séguret

384k90 gold badges813 silver badges780 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Gourav · Accepted Answer · 2013-09-08 07:21:47Z

0

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

answered Sep 8, 2013 at 7:21

Gourav

1,7842 gold badges15 silver badges18 bronze badges