Question

<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。有没有办法实现这个目标？

Answer 1

使用类似的东西：

<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

Answer 2

喜欢这个。

＆＃13;

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

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="noty">Hello</div>
<div class="noty">World</div>
<div class="noty">Nation</div>

<div id="textArea"></div>

＆＃13;

Answer 3

是。 var s = ''; $('.noty').each(function () {s += $(this).html();}); $('#textarea').html(s);但是将你的div更改为使用class =“noty”而不是id。 id应该是唯一的。

Answer 4

首先，you must not use multiple id attribute。另一个问题是sizzle提供jQuery作为选择器引擎returns result to use getElementById。这意味着即使你声明了多个id，你也只会得到一个id元素。在考虑这些问题时，您可以按照这种方式解决此问题：

filename

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

4 个答案: