将div作为数组项并添加到列表项

Question

我有这样的html结构，我试图将每个.blueText插入到每个.blue中......蓝色的div是动态生成的，任务是通过JQuery添加blueText。

<div class="blueText">test 1</div>
<div class="blueText">test 2</div>
<div class="blueText">test 3</div>
<div class="blueText">test 4</div>
<div class="blueText">test 5</div>


<div class="blue"></div>
<div class="blue"></div>
<div class="blue"></div>
<div class="blue"></div>
<div class="blue"></div>

这种方法有效

var blueText = [ 'test 1', 'test 2', 'test 3', 'test 4', 'test 5'];
    $('.blue').each(function (k) {
    $(this).append(blueText[k]);
    });

但是，我如何使这项工作，而不是将文本硬编码为数组

Answer 1

要在.blueText元素中移动.blue元素，您需要：

var text = $('.blueText');

$('.blue').append(function(i,el) {
    return text.eq(i);
});

小提琴

要将.blueText元素中的文本追加到.blue ：

var text = $('.blueText');

$('.blue').text(function(i) {
    return text.eq( i ).text();
});