使用jQuery链接在另一个div中插入div和它的内容

时间:2016-02-19 21:15:35

标签: javascript jquery

情境:

所以,我有以下内容:

$('.interchangablediv').css( 'background-image' , 'url(images/instance1.png)' );

我想要一些独特的div内容,我想在上面的jQuery链接的同时切换。 ie。低于标记

<div class="htmlset1">
Blah, Blah, Blah, Heyyy
</div>

问题:

我只是想调用&#39; htmlset1&#39; div及其内容在&{39; interchangablediv&#39;当我在这个问题的顶部运行我的jQuery行时,上面(以及它的样式)。

2 个答案:

答案 0 :(得分:1)

您可以通过以下方式获取htmlset1的(外部)html: $('<div>').append($('.htmlset1').clone()).html()

这会创建div,附加htmlset1的克隆,然后获取div的html。

从那里,你可以链接到你当前的代码。所以整件事情如下: $('.interchangablediv').css( 'background-image' , 'url(images/instance1.png)' ).html( $('<div>').append($('.htmlset1').clone()).html() );

答案 1 :(得分:0)

我真的不明白。你的意思是?:

var inter = document.getElementById("interchangablediv");
var divhtmlset = document.getElementById("htmlset1");
inter.appendChild(divhtmlset);