Question

我尝试更改按钮点击时的按钮文字，以便文本从“复制”中更改为＆＃39;复制了！＆＃39;作为自定义剪贴板设置的一部分。以下是我使用的代码：

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处理程序。试试这个：

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

请使用id选择器（“#copyButton2”）代替类选择器，因为您使用了关闭按钮的id。

Answer 3

这是一个javascript解决方案，而我们正在使用它。

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

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

替换按钮文本onclick JS

3 个答案: