是否有可能让具有html标记的变量在jquery中有appendTo函数？

Question

首先我有两个变量：

        var $prev="<div>This is Hello World</div>"
        var $next="<h1>This is another Hello</h1>"

我希望$ next的标记附加到$ prev，就像

一样

<div>This is Hello World<h1>This is another Hello</h1></div>

但我知道

$test.append($test1);

是不可能的，但是真的吗？我怎么能有相同的功能呢？

我希望html操纵函数也可以应用于存储html的变量

Answer 1

这样做：

var $prev=$("<div>This is Hello World</div>");
var $next=$("<h1>This is another Hello</h1>");

这会创建jQuery对象 - 然后您可以使用.appendTo()方法。

$next.appendTo($prev);

Answer 2

你应该做

 var $prev=$('<div>', { text: "This is Hello World"});
    var $next=$("<h1>", { text: "This is another Hello"});

然后你可以做

 $next.appendTo($prev);

然后$prev

<div>
This is Hello World
<h1>This is another Hello</h1>
</div>

Answer 3

    var $prev="<div id='first'>This is Hello World</div>"
    var $next="<h1>This is another Hello</h1>"

将$rev插入页面

$('some_element').append($prev);

然后

$('#first').append($next);