Question

如果我有例如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，但我不知道会怎么做。

Answer 1

在Jquery中使用.map来收集所有P标签数据，并将append文本收集到其他元素

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

$(".getDiv").append(data);

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

1 个答案:

DEMO