javascript - 将 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();
});