Question

$（文件）。就绪（函数（）{ $（“＃changeText”）。click（function（）{ $（“＃textBox”）。html（“text text”）; }）; }）;

如果我按下#changeText两次或更多次，我会得到两个（或更多）文本文本

Answer 1

请勿使用覆盖整个 innerHTML 结构的.html()。

添加新html markup使用.append()或.appendTo()

$(document).ready(function(){
  $("#changeText").click(function() {
      $("#textBox").append("<div>text text</div>");
  });
});

或以更简洁的方式链接：

$('<div>text text</div>').appendTo($('#textBox')); // .css().fadeOut().animate().etc()

参考：.append()，.appendTo()

Answer 2

你需要在#textBox中创建div然后

$("#changeText").click(function() {
    $("#textBox div").append("text");
});

编辑：

$("#changeText").click(function() {
    if ( $("#textBox div").length()>0)
          $("#textBox div").append("text");
    else
         $("#textBox").append("<div>text</div>");
});

jquery和单击功能

2 个答案: