JavaScript - 根据类名复制带有clipboard.js的文本

Question

我正在尝试使用复制到剪贴板功能来处理以下HTML代码 使用Clipboard.js库：

<table id="test">
<tr><td class="c2c"><a id="1" class="btn fa fa-clipboard fa-2x" data-clipboard-action="copy" data-clipboard-target="1" data-value="http://some/link/1"></a></td></tr>  
<tr><td class="c2c"><a id="2" class="btn fa fa-clipboard fa-2x" data-clipboard-action="copy" data-clipboard-target="2" data-value="http://some/link/2"></a></td></tr>  
<tr><td class="c2c"><a id="3" class="btn fa fa-clipboard fa-2x" data-clipboard-action="copy" data-clipboard-target="3" data-value="http://some/link/3"></a></td></tr>  
</table>

正如您可以看到每个td或a-element的值/ ID更改。

我可以使用class元素来处理clipboard.js吗？

而不是ID

使用此代码，我得到了正确的值，但我无法使用clipboard.js：

    $("#test").on('click', '.btn', function (e) {
        e.preventDefault();
        var id = $(this).data('value');
        console.log(id)
    });

如何获取每个td的data-value属性值并将其与clipboard.js一起复制？

谢谢。