jquery将现有的html元素添加到var

Question

我知道如何将main_nav插入到确切位置？

var header_top ="<header><div>";
var main_nav = $('#nav').html();
var header_bot = "</header></div>";

var final_header = header_top + main_nav + header_bot;

$('body').prepend(final_header);

提前致谢。

Answer 1

您已将header和div开盘和结束标签的顺序混为一谈。

Answer 2

我认为这就是你想要的：

$("#nav").wrap("<header><div></div></header>");

这假定#nav元素已经定位在您想要的位置，所以我没有打扰prepend。如果你确实需要将它移动到身体的开头：

$("#nav").wrap("<header><div></div></header>").prependTo($("body"));

Answer 3

如果您尝试将所有代码放在一个变量中，我建议您执行类似

的操作

var header = "<header><div>"+$('#nav').html()+"</div></header>";
$('body').prepend(final_header);