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

Question

我有这样的html结构，我试图将每个.blueText插入到每个.blue中...类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);
});

FIDDLE

仅将 .blueText 元素中的文本附加到 .blue :

var text = $('.blueText');

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