javascript - 使用javascript将文本从一个div复制到另一个div

标签 javascript jquery

<div id="noty">Hello</div>
<div id="noty">World</div>
<div id="noty">Nation</div>

<div id="textArea"></div>

$("#noty").click(function() {
    $("#textArea").html($("#noty").html());
});

我正在使用它通过 onclick 函数将文本从一个 div 复制到另一个 div。但这是行不通的。它只适用于第一个 div。有什么办法可以做到这一点吗?

最佳答案

使用这样的东西:

<div class="noty">Hello</div>
<div class="noty">World</div>
<div class="noty">Nation</div>

<div id="textArea"></div>

<script>
$(".noty").click(function() {
    $("#textArea").html($(this).html());
});
</script>

https://jsbin.com/giqilicesa/edit?html,js,output

关于javascript - 使用javascript将文本从一个div复制到另一个div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34379431/

相关文章:

javascript - JavaScript 中的全局用户定义函数列表?

javascript - 与过多的递归作斗争

javascript - Jquery Animate + fadeInOut 元素

javascript - 如何在 Rails 应用程序中安装 jQuery UI?

javascript - ES6 对象速记符号可以与常规对象符号结合使用吗?

javascript - 有没有办法在应用程序中切换前后摄像头

javascript - jquery:卸载还是卸载之前?

javascript - 如何在使用 CoffeeScript 的 Framer 中 setTimeout() ?

javascript - 突出显示包含日期的 div

jquery - 在动画 wowslider 分层上覆盖/登录窗口