在id中添加另一个div中的div?

时间:2015-04-14 20:53:26

标签: jquery html css append selector

我创建了一个div:

<div id="mainbox"></div>
<div id="div1" style="display:none;">Lorem Ipsum...</div>

现在我要添加div&#39; div1&#39;在div&#39; mainbox&#39;中:

$("#mainbox).append("#div1").

但它并没有按照我的意愿工作,而是仅打印文字#div1

5 个答案:

答案 0 :(得分:2)

试试这个:

$("#mainbox").append($("#div1"))

有了这个,你选择#div1,就像你做的那样,你只是附加一个字符串。

请注意您的div是隐藏的,所以请尝试:

$("#div1").show();

答案 1 :(得分:0)

请在代码中的脚本代码中添加以下行,它将解决问题:

 $("#mainbox").append($("#div1"))

答案 2 :(得分:0)

查看此fiddle

<div id="mainbox"></div>
<div id="div1" style="display:none;">Lorem Ipsum...</div>

var $div1 = $("#div1");
$("#mainbox").append($div1.show())

答案 3 :(得分:0)

试试这个:

$("div1").show();
var divtoadd = $("div1");   
$("#mainbox").html(divtoadd);
希望它有所帮助。

答案 4 :(得分:0)

Thats how you can do it

$('#mainbox').html($('#div1').html());

Make sure you are using it in:

$( document ).ready(function() {
  // your jquery statement
});