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