jquery - 使用 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>内.