使用jQuery刪除現有的div並在加載時追加到新的div

Question

我有一組div

<div id="foo">foo</div>
<div id="q"></div>
<div id="bar">bar</div>
<div id="tags">tags</div>

當使用jquery加載頁面時，我需要刪除<div id="tags">tags</div>並將其附加到<div id="q"></div> 。

我嘗試了以下但沒有用

jQuery(function ($) {

 $( '#tags' ).ready(function() {
        $('#q').append(this);

    });


});

如果您嘗試單擊它而不是准備好，它可以工作，但是我需要在頁面加載時顯示它

任何幫助將不勝感激

Answer 1

試試看：您可以使用appendTo()或append() ，如下所示

1）appendTo（）

$(function() {
   $('#tags').appendTo('#q');
});

JSFiddle演示

2）append（）

$(function() {
   $('#q').append($('#tags'));
});

JSfiddle演示

注意 -在整個DOM中，確保元素的id是唯一的

Answer 2

$( document ).ready(function() {
     var ele= $('#tags').html();
     $('#tags').remove();
     $('#q').append(ele);
 });