📅  最后修改于: 2023-12-03 14:51:58.362000             🧑  作者: Mango
在使用 jQuery 时,你可以很容易地将一个 div 的内容复制到另一个 div 中。下面是一种常见的方法:
.html()
方法和选择器// HTML 结构
<div id="div1">这是要复制的内容</div>
<div id="div2">这是要复制到的目标</div>
// jQuery 代码
$('#div2').html($('#div1').html());
在上面的代码中,我们使用了 .html()
方法来获取 div1
的 HTML 内容,并将它设置为 div2
的 HTML 内容。这样两个 div 的内容就会一致了。
.clone()
方法和选择器// HTML 结构
<div id="div1">这是要复制的内容</div>
<div id="div2">这是要复制到的目标</div>
// jQuery 代码
$('#div1').clone().appendTo('#div2');
在上面的代码中,我们使用了 .clone()
方法来克隆 div1
元素,并使用 .appendTo()
方法将克隆的元素添加到 div2
中。
.text()
方法和选择器// HTML 结构
<div id="div1">这是要复制的内容</div>
<div id="div2">这是要复制到的目标</div>
// jQuery 代码
$('#div2').text($('#div1').text());
在上面的代码中,我们使用了 .text()
方法来获取 div1
的文本内容,并将它设置为 div2
的文本内容。这样两个 div 的文本内容就一致了。
以上是三种使用 jQuery 将 div 的内容复制到另一个 div 中的方法,你可以根据实际情况选择其中一种方法来使用。