вставить 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");

Answer 2

Вот не-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 3

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

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

Answer 4

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

Answer 5

для удаления вы можете просто использовать ...

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

но как только оно будет удалено, его не будет в вашем html .. вам следует попробовать что-то вроде этого ...

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