Using jQuery.each() to assign errors to form fields

Question

I have these elements:

<div class="qtip-error">...</div>
<div class="qtip-error">...</div>
<div class="qtip-error">...</div>

and

<span class="validation-error">...</span>
<span class="validation-error">...</span>
<span class="validation-error">...</span>

What is the best way to assign each span to the corresponding div based on the index? I've been looking at somehow implementing .each() but I'm not sure how to make it work right. If there is a better approach, I am open to suggestions, but please, no plugins.

Thanks!

David Tang · Accepted Answer · 2011-07-31 05:11:40Z

4

var qtips = $('.qtip-error');
$('.validation-error').each(function (i) {
   qtips.eq(i).after(this);
});

See demo: http://jsfiddle.net/zR9bL/.

Instead of after(this) you can use append(this) if you want the <span> to be within the <div>.

edited Jul 31, 2011 at 5:11

answered Jul 31, 2011 at 5:06

David Tang

93.8k32 gold badges169 silver badges149 bronze badges

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

Collectives™ on Stack Overflow

Using jQuery.each() to assign errors to form fields

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related