将具有相同类的文本复制到剪贴板

Copy text with same class to clipboard

本文关键字：文本复制剪贴板同类更新时间：2023-09-26

如果我有20行文字，例如

<p class="textlist">Cheese</p>
<p class="textlist">Water</p>
<p class="textlist">Earth</p>
<p class="textlist">Helicopter</p>
<p class="textlist">Rabbit</p>

我想知道是否有人可以建议请，我如何能够在页面上有一个按钮，用户可以点击，它复制文本值到剪贴板，以便所有用户在剪贴板中得到的都是p innerHTML值在一个列表中按换行符分割，例如

Cheese
Water
Earth
Helicopter
Rabbit

上面的例子只是一个简单的例子，而不是我将要使用的成品，只是作为一个例子来说明这一点。

我认为这可能是可能使用Javascript/jQuery/访问DOM，但我不知道一个人会怎么做。

在Jquery中使用.map收集所有p标签数据，append收集其他元素的文本

 var data = $("p").map(function () {
    return "<div>" + $(this).text() + "</div>";
}).get();
$(".getDiv").append(data);

演示