javascript - 如何使用 jquery 按顺序从多个元素移动文本？

Question

我想按顺序将文本从多个元素移动到其他元素。我不想移动元素，只想移动内部文本。设置基本上是:

<p class='button_text'>Text here.</p>
<p class='button_text'>More text here.</p>

`

<div class="button">Button 1</div> <div class="button">Button 2</div>

我试图改变:

var button_text = $('.button_text').html();
$('.button').html(button_text);

产生

<div class="button">Text here.</div>
<div class="button">Text here.</div>

但我希望它产生:

<div class="button">Text here.</div>
<div class="button">More text here.</div>

非常感谢您的帮助!

Answer 1

您可以先尝试循环遍历 p 标签。喜欢 -

$(document).ready(function(){
            var btn = $('.button_text');
            var index = 0;
            $('.button').each(function(){
                $(this).html($(btn[index]).text());
                index++;
            });
    });