使用 jQuery - 通过单击按钮更改 div 的文本答案

【问题标题】：Using jQuery - By clicking a button change the text of a div使用 jQuery - 通过单击按钮更改 div 的文本
【发布时间】：2023-01-22 12:00:14
【问题描述】：

我正在 CodePen 编辑器中从事一个项目。我的问题是：如何在每次点击按钮时更改元素的文本？

我有一个数组，我从中在 div 上显示随机文本。谢谢！

【问题讨论】：

请在问题中分享您的代码，最好是在您的问题中的minimal, reproducible example
我们鼓励您尝试编写您的代码。如果您在尝试过程中遇到特定的技术问题，例如错误或意外结果，我们可以提供帮助。请提供有关该尝试的具体信息以及未按预期进行的操作。要了解有关此社区的更多信息以及我们如何为您提供帮助，请从tour 开始并阅读How to Ask 及其链接资源。

标签： html jquery reactjs codepen

【解决方案1】：

这是针对单个文本更改的。不适用于数组。

$(document).ready(function(){
  $(".txtchange").click(function(){
    $("p").text("New Text!");
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>

<button class="txtchange">Change</button>

<p>A Simple Text.</p>

【讨论】：

代码：codepen.io/zahour9/pen/qByqgOY?editors=1010

【解决方案2】：

尝试这个：

let quots = [
  'quot1',
  'quot2',
  //...
];

$(document).on('click', '#button', function(){
    $('#quotBox').text(quots[Math.floor(Math.random() * quots.length)];);
});

【讨论】：