将文本复制到剪贴板不适用于多个记录

Question

  在上面的图像是我想要做的....当用户点击按钮时我需要将ip复制到剪贴板，但每次我点击与每个ip相关的任何按钮，只有第一个IP得到复制，而我想复制按钮旁边的IP .....

这是我的代码：

    @foreach ($name as $card)
    <li class="list-group-item"><span id="copy2">{{ $card->vhackIP }}</span> | {{ $card->name }} | {{ $card->description }}
        <button class="btn btn-success btn-xs" data-clipboard-target="#copy2">Copy IP</button>
    </li>
@endforeach

每次只有第一个ip被复制....如果有人可以帮助我或告诉我另一种方法来实现它，我会很感激....谢谢。

Answer 1

问题似乎是<span id="copy2">的{​​{1}}和data-clipboard-target属性，因为它们是硬编码的，而不是每个<button>的动态。 $card和id的值在整个列表中是相同的。尝试这样的事情：

data-clipboard-target