jquery - varに既存のhtml要素を追加するjquery

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

すべてのコードを 1 つの変数に入れようとしている場合は、次のようにすることをお勧めします。

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