如何在html中清除pre标签

Question

我正在使用HTML的PRE标签，我需要点击清除它的内容， 我试过以下没有成功。

$('#display').clear;
$('#display').val("");

在索引html中我像这样使用它

<pre id="display"></pre>

Answer 1

使用html("")清除内容

 $('#display').html("");

Answer 2

如果您使用的是jquery，请使用：

<script>
$( "#display" ).empty();
</script>

确保您正在加载jquery。

Answer 3

尝试使用简单的javascript

document.getElementById('display').innerHTML ="";

希望这有帮助。

Answer 4

您使用的是$('selector').val('')，它用于输入框，在此不起作用！

我建议您使用以下方法之一：

$(document).ready(function(){

$("#delete-1").click(function(){
  $('#display1').html('');
});

$("#delete-2").click(function(){
  document.getElementById('display2').innerHTML ="";
});


$("#delete-3").click(function(){
  $('#display3').empty();
});

  
$("#delete-4").click(function(){
  $('#display4').text('');
});

  
  
 



})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<pre id="display1">
  
  Here is pre content
</pre>

<br/>
<pre id="display2">
  
  Here is pre content
</pre>

<br/>
<pre id="display3">
  
  Here is pre content
</pre>
<br/>
<pre id="display4">
  
  Here is pre content
</pre>

<br/>
<a id="delete-1" href="#">Delete #1</a>
<a id="delete-2" href="#">Delete #2</a>
<a id="delete-3" href="#">Delete #3</a>
<a id="delete-4" href="#">Delete #4</a>

Answer 5

$('#display').html("");

这是工作小提琴的例子 https://fiddle.jshell.net/75fLkhmz/

Answer 6

这清除了标签之间的数据

$('#display').text('');