ボタンのテキストを置き換えるJS

Question

ボタンのクリック時にボタンのテキストを変更しようとしています。その結果、テキストが「コピー」から「コピー済み」に変わります。カスタムクリップボードの設定の一部として使用できます。

HTML：：

<button id="copyButton2">Copy</button>

JS：

<script> 
jQuery(".copyButton2").click(function() { 
      jQuery(this).text(function(i, v){ 
       return v === 'Copy' ? 'Copied!' : 'Copy' 
      }) 
     }); 
</script> 

正しく動作していないと思われるここで私が使用しているコードがあります。

また、this solutionを変更してみました。これがうまくいかない明白な理由はありますか？

Answer 1

copyButton2を要素のidとして設定しましたが、クラスセレクタを使用しています。セレクタの先頭に#という接頭辞を付ける必要があります。.

また、jQueryコードの実行場所によっては、document.readyハンドラも含める必要があります。あなたは閉じるボタンのIDを使用していたとして、代わりにクラスセレクタのIDセレクタ（ "＃のcopyButton2"）を使用してください

jQuery(function($) { 
 
    $("#copyButton2").click(function() { 
 
    $(this).text(function(i, v) { 
 
     return v === 'Copy' ? 'Copied!' : 'Copy' 
 
    }); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button id="copyButton2">Copy</button>

Answer 2

：これを試してみてください。

Answer 3

ここに私たちがいる間、javascriptの解決策があります。

<script> 
    var testDiv = document.getElementById('test'); 

    testDiv.onclick = function(){ 
    testDiv.innerHTML = "Copied!" 
    }; 
</script>