Question

单击按钮时，会显示一个文本，我正在尝试删除文本（因此当您再次单击该按钮时，将显示相同的文本并且只显示一次） - 但它不起作用。 ..

HTML：

    <button class="button2"id="hints">
     <p ><b>hint</b></p>
        </button>        
  </div>
  <div id="hintText">         
  </div>

JS：

$('#hints').on('click',function(){
$('#hintText').append("The correct number is either 15, 99 or " + user);
$('#hintText').empty();
});

Answer 1

您只需要更改行顺序

$('#hints').on('click',function(){
$('#hintText').empty();
$('#hintText').append("The correct number is either 15, 99 or " + user);
});

Answer 2

我并不完全明白你想要做什么，但我会尽力帮助你。

您是否尝试在短时间内显示提示（保持＆＃34; hintText＆＃34; div）？

HTML：

<button class="button2"id="hints">hint</button>        
<div id="hintText">         
</div>

JS：

$('#hints').on('click',function(){
    $('#hintText').text("The correct number is either 15, 99 or " + user);

    setTimeout(function(){
         $('#hintText').empty();
    }, 1000 /* show it for 1 second */);
});

您是否尝试显示它并在按钮点击时隐藏它？

HTML：

<button class="button2"id="hints">hint</button>        
<div id="hintText">         
</div>

JS：

$('#hints').on('click',function(){
    $('#hintText').text("The correct number is either 15, 99 or " + user);
    $('#hintText').toggle();
});

PS。如果提示文本根据用户是静态的，我的意思是，如果＆＃34; user＆＃34;变量是常量，你可以把它放在click事件之外。

Answer 3

您需要先将元素设为空，然后将文本附加到其中。我以这种方式尝试了您的代码

 $('#hints').on('click',function(){
   $('#hintText').empty();
   $('#hintText').append("The correct number is either 15, 99 or "+user);
 });

它给了我正确的输出。

如果有帮助，请告诉我。

Jquery - 删除/清空添加的文本

3 个答案: