appendTo / prependTo但不是添加我想要替换内容。 htmlTo？

Question

快速jquery问题：
 我知道appendTo和prependTo但是有没有类似htmlTo的东西？是的，我知道这听起来很傻，但不是添加像appendto和prepend这样的元素。我想要替换html。

$("<div>World</div>").htmlTo($("#Hello"));

所以我希望div与World一起用id Hello替换元素中的所有内容。

修改 谢谢大家的答案，但我想我不清楚。我将很多函数链接到一个元素上，最后我克隆了该元素，我想将它添加到另一个div中。

$("#World").hide().clone().htmlTo($("#Hello"));

是的，我可以反过来写，但我想只有1个链。

Answer 1

你可以反过来做到这一点：

$('#Hello').html($('#World').html());

或创建一个反转链的插件：

$.fn.htmlTo = function(elem) {
    return this.each(function() {
        $(elem).html($(this).html());
    });
}

$('#World').htmlTo('#Hello');

Answer 2

这也应该有效：

$("<div>World</div>").appendTo($("#Hello").empty());

Answer 3

根据你的编辑，如果你不关心移动实际的DIV容器而只关心它的内容你可以轻松地做：

$('#Hello').html($('#World').hide().html());

Answer 4

怎么样：

$("<div>World</div>").appendTo($("#Hello").html(''));

Answer 5

$("<div>World</div>").html($("#Hello").html());