Javascript 如何在每次单击时动态更改div的值

我有一个任务来创建一个游戏。为此我需要一些帮助。。。 如何通过单击div来更改其值

<div class="block1">    
         <div id="two">Two</div>
</div>

---

使用

.text

更改文本

$('#one').text('New value')

您可以在click事件中使用this上下文来更改当前单击的div的文本

 $(".block1").click(function () {
      $(this).text("New value")
  });

---

方法-1

$("#one")[0].textContent = "test";

方法-2

$("#one").prop('textContent', "test");

---

假设您使用的是jQuery

可以使用.text（）更改或获取div中的文本

$("#one").text('Some new text');

$("#one").html('<p>Some new html</p>');

可以使用.html（）更改或获取div中的html

$("#one").text('Some new text');

$("#one").html('<p>Some new html</p>');

---

这里的代码与您的小提琴中的代码不匹配。你到底想做什么？可能重复或更确切地说改变“值”如何？你的小提琴有重复的元素id，因此是无效的HTML，没有一个答案通过id访问元素将正常工作。这不是已经回答了数千次吗？…但如何动态生成它？我给了你工具，现在你可以解决这个问题了

$("#one").val('1');