删除现有div并使用jquery附加到加载时的新div

时间:2014-10-31 06:01:52

标签: javascript jquery

我有一组div的

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

我需要删除<div id="tags">tags</div>并在使用jquery加载页面时将其附加到<div id="q"></div>

我试过以下但不起作用

jQuery(function ($) {

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

    });


});

而不是准备如果你尝试点击它工作,但我需要在页面加载时显示它

任何帮助将不胜感激

2 个答案:

答案 0 :(得分:2)

试试这个:您可以使用appendTo()append(),如下所示

1)appendTo()

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

<强> JSFiddle Demo

2)追加()

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

<强> JSfiddle DEMO

注意 - 确保id个元素在整个DOM中是唯一的

答案 1 :(得分:0)

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