javascript - clipboard.jsでhref属性を取得するには?

Question

ボタンのクリック後に href 属性を取得しようとしていますが、機能させることができません。

私のコード:

    <!-- Target -->
    <a href='https://clipboardjs.com/' id='foo'/>

 <!-- Trigger -->  
<button class='btn' data-clipboard-target='#foo'>
    Copy to clipboard
</button>  

<script type="text/javascript">
        new Clipboard(".btn", {
          text: function(trigger) {
            return $(trigger).getAttribute("href");
          }
        });
</script>

何か案は？

ありがとうございました

Answer 1

getAttributeネイティブ DOM メソッドであり、jQuery でラップされた要素に直接適用することはできません。ネイティブ DOM 要素を取得するかattr()、jQuery のメソッドを使用して次の値を取得する必要がありhrefます。

$(trigger)[0].getAttribute("href");
// OR
$(trigger).attr("href");