Как очистить pre tag в html

Question

Я использую PRE-тег HTML, и мне нужно щелкнуть, чтобы очистить его содержимое, Я пробовал следующее безрезультатно.

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

В индексной HTML я использую его как этот

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

Answer 1

Вы используется $('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 2

Использование html("") очистить содержании

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

Answer 3

Если вы используете JQuery, то используйте:

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

Убедитесь, что вы ading jquery.

Answer 4

Попробуйте использовать простой, код JavaScript

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

Надеется, что это помогает.

Answer 5

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

Вот рабочий пример скрипки.
https://fiddle.jshell.net/75fLkhmz/

Answer 6

это очистить данные между тегом

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