jquery - jquery adding existing html element to var

Question

Any idea how can i insert the main_nav to the exact place?

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);

Thanks in advance.

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);