在特定位置插入 div

Question

如何删除 mynavbar 并将其作为第一个元素附加到 main_table

<div id="mynavbar" > <div>Some content</div>  </div>

<div id="main_table"> </div>

<script>
if(condtion == 0)
{
    // How to remove mynavbar and insert into main_table div as the first element
}
</script>

Answer 1

$('#mynavbar').prependTo('#main_table').remove();

Answer 2

$('#main_table').prepend (
$('#mynavbar').html() );

$('#mynavbar').remove();

Answer 3

这是针对某些类型的非 jQuery 答案。

var main = document.getElementById("main_table");
var secondary = document.getElementById("mynavbar");
if(main.firstChild)
{
    main.insertBefore(secondary, main.firstChild);
    console.log("first");
}else
{
    main.appendChild(secondary);
    console.log("last");   
}

编辑：我很惊讶有 5 个几乎相同的答案。哎呀。

Answer 4

对于删除你可以简单地使用...

$("#mynavbar").remove();

但是一旦它被删除，它就不会出现在你的html中..你应该尝试这样的事情...

  var mynavbarHTML= $("#mynavbar").html();
   $("#mynavbar").remove();
  $("#main_table").prepend(mynavbarHTML);

Answer 5

$("#mynavbar").prependTo("#main_table");