javascript - JavaScript - クラス名に基づいて clipboard.js でテキストをコピーする

Question

Clipboard.jsライブラリを使用して、HTML コードの下で動作するクリップボードへのコピー機能を取得しようとしています。

<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 が変化します。

ID の代わりに class 要素を使用して clipboard.js を操作することはできますか?

このコードでは正しい値を取得できますが、clipboard.js で動作させることはできません。

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

各 td の data-value 属性の値を取得し、clipboard.js でコピーするにはどうすればよいですか?

ありがとうございました。