Question

我有创建游戏的任务。为此，我需要一些帮助...... 如何通过点击更改div的值？

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

js code：

 $( ".block1" ).click(function() {
          $( "#one" ).css('display','block');
          $( "#two" ).css('display','none');
          $( "#three" ).css('display','none');
          $( "#four" ).css('display','none');   
           });

DEMO

Answer 1

使用.text更改文字

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

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

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

<强> Check Fiddle

Answer 2

$( ".block1" ).click(function() {
$(this).html("Div Content")
}

Answer 3

方法 - 1

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

方法 - 2

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

Answer 4

假设您正在使用jQuery

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

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

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

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

对于表单元素，您可以使用.val（）

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

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

4 个答案: