使用jQuery将一个HTML元素中的文本发送/复制到另一个元素中

Question

我一直在寻找一个jquery函数，可以让我“复制并粘贴”某个元素内的文本，例如<li>或<div>中的文本，并将其放入另一个元素中。这应该在不破坏被复制文本所在的元素的情况下完成。

我有一个jsfiddle文档，展示了我的最佳尝试和更实际的描述：http://jsfiddle.net/HDBLd/ 非常感谢。

P.S 我想澄清一下，我不希望将元素内的文本复制到用户的剪贴板中，只是将其复制到另一个元素中。

- tushar747

---

可能是从一个div复制特定文本到另一个div的重复问题。 - Felix Kling

Answer 1

要将一个元素的HTML发送到另一个元素，您可以简单地使用原始元素的html() 输出作为目标的源，如下所示：

jQuery($ => {
  $('li').on('click', function() {
    $('#lorem').html($(this).html());
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
<div id="lorem">
  This is the text that should change
</div>

<div id="impsum">
  <ul>
    <li>This is the text that will replace the other piece of text. I need to find a function that will just copy the text in here - not the whole li with the bullet as well.</li>
  </ul>
</div>

请注意，如果您想忽略原始元素内的任何HTML内容，也可以使用text()而不是html()。

- Rory McCrossan

---

这对我有所帮助。我的目的是将复制的文本放置在一个输入框中，所以我将“.html”替换为“.val”。 - mdhz

Answer 2

$("#lorem").html($(this).html());

- Jeffrey

Answer 3

你差不多猜对了，看一下 text()。

$("#lorem").text($(this).text());

- Stefan