javascript - 替换按钮文本 onclick 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 处理程序。试试这个:

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>