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

FIDDLE

只需将.blueText元素中的文字追加到.blue：

var text = $('.blueText');

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

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

1 个答案: