我需要从 div1 复制内容，然后通过单击将其粘贴/附加到 div2。然后，如果我更改 div1 中的内容并再次单击按钮，内容应转到 div3 ，而不更改 div2 中的内容。这是我到目前为止发现的。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="div1">
<p>Hello world</p>
</div>
<button onclick="$('#div2, #div3').html($('#div1').html());">Copy</button>
<div id="div2"></div>
<div id="div3"></div>因为我分配了值，所以它会在两个 div 中粘贴相同的值，并且我不知道如何单独执行此操作。我想需要一些循环。
是否可能，如果可能，有人可以给我一些想法或阅读 Material 的链接。提前致谢!
最佳答案
您可以使用变量来存储 div 的编号。元素，然后相应地增加它。 (这里我假设只有 div2 和 div3 在那里)
既然你还没有提到 div1 的值如何即将更新。我使用 $('#div1').html("New Value"); 手动执行此操作函数内部 add() .
<html>
<body>
<body>
<div id="div1">
<p>Hello world</p>
</div>
<button onclick="add()">Copy</button>
<div id="div2"><p>div1 Placeholder</p></div>
<div id="div3"><p>div2 Placeholder</p></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
var n = 2;
function add(){
$('#div'+n).html($('#div1').html());
$('#div1').html("<p>New Value</p>");
n++;
}
</script>
</body>
</html>尝试运行该代码片段。单击该按钮一次将输入 div1 的值至div2然后它改变了div1的原始内容至New Value 。再次单击该按钮，新值 div1即New Value将被放入div3 .
尽管这也会尝试更新div1再次访问New Value ，这不会做出任何改变。如果你写一些其他的方法来更新 div1 会更好元素。
照顾<p>如果您希望保留它，请标记它。好吧，这还取决于您更新 div1 值的方式。 .
要追加，您可以使用 $('#div'+n).append($('#div1').html());
关于javascript - 将 div 内容复制/克隆到另一个 div，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/51037797/