将两个html选项与jquery结合使用

Question

是否有可能在jquery中合并两个html选项？

var derp1 = $('#derp1').html();
var derp2 = $('#derp2').html();

var combDerp = derp1.add(derp2);

$('#derpina').html(combDerp);

我想将html的两个特定部分显示为一个，并将其显示在页面的另一部分中。非常感谢任何帮助：）

Answer 1

由于你得到了每个的html，你可以将两者连接起来。

$('#derpina').html(derp1 + derp2);

或者，您可以获取实际节点并移动它们。

var derp1 = $("#derp1");
var derp2 = $("#derp2");

$("#derpina").html(derp1.add(derp2));

Answer 2

只需更改

var combDerp = derp1.add(derp2);

到

var combDerp = derp1 + derp2;

Answer 3

只是将它们连接起来。

var combDerp = derp1+derp2;

Answer 4

如果您尝试附加HTML，也可以使用JQuery .Append（）。

http://api.jquery.com/append/

Answer 5

如果你想移动元素，你应该使用：

$('#derp1, #derp2').contents().appendTo('#derpina');

如果要复制它们，则应使用：

$('#derp1, #derp2').contents().clone().appendTo('#derpina');