javascript - jQuery如何将一个元素的所有内容替换为另一个元素？

Question

假设我有 3 个元素，如下所示，具有不同的 html 内容:

<div id='result1'> <p>One</p> </div>
<div id='result2'> <p>Two</p> </div>
<div id='result3'> <p>Three</p> </div>

如何将 div 元素中的内容复制到下一个元素，以便最终结果如下所示？

<div id='result1'> <p>New content</p> </div>
<div id='result2'> <p>One</p> </div>
<div id='result3'> <p>Two</p> </div>

将会有新的内容进行替换，最后的内容可以丢弃。 为了澄清一下，我会写一些类似的内容:

<div id='new'> <p>New content</p> </div>

我想抓到的地方'<p>New content</p>'作为新内容使用。

你觉得怎么样？

Answer 1

要将内容下推，请反转集合并将 HTML 设置为前一个的 HTML。

var elems = $($('[id^=result]').get().reverse());

elems.html(function(i) {
    return elems.eq(i+1).html();
}).last().html('New Content');

FIDDLE