使用jQuery.each（）为表单字段分配错误

Question

我有这些元素：

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

和

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

根据索引将每个范围分配给相应div的最佳方法是什么？我一直在考虑以某种方式实现.each()，但我不确定如何使其正常工作。如果有更好的方法，我愿意接受建议，但请不要插件。

谢谢！

Answer 1

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

请参阅演示：http://jsfiddle.net/zR9bL/。

如果您希望after(this)位于append(this)内，则可以使用<span>代替<div>。