Come convertire HTML in testo usando jQuery?

Question

Vorrei fare in modo che i figli di qualsiasi elemento con la classe "snippet" vengano letti come testo anziché HTML. Sono consapevole che per fare questo, avrei bisogno di cambiare i segni < e > in modo che la pagina HTML li legge come testo. Ho cercato di fare questo, ma purtroppo, ho solo:

function(){ 
$('.snippet') 
} 

Answer 1

È possibile utilizzare la funzione di jQuery .text() che rimuoverà i tag HTML:

var text_only = $('.snippet').text(); 

Ecco una dimostrazione: http://jsfiddle.net/meZjw/

Documenti per .text(): http://api.jquery.com/text

AGGIORNAMENTO

Sime Vidas ha un buon punto, è possibile scorrere le diverse .snippet elementi cambiando la loro struttura HTML, uno alla volta:

$.each($('.snippet'), function (index, obj) { 
    var $this = $(this); 
    $this.html($this.text()); 
}); 

Ecco una demo utilizza $.each(): http://jsfiddle.net/meZjw/1/

UPDATE

Aepheus ha un buon punto, non so se questo è ciò che viene chiesto, ma è possibile effettuare una funzione che sarà entità del Capo HTML come in altre lingue:

function htmlEntities(str) { 
    return String(str).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;'); 
} 

Ecco demo: http://jsfiddle.net/meZjw/2/

UPDATE

È inoltre possibile utilizzare .text() e .html() nell'ordine opposto come il mio sopra esempio, per l'effetto di mostrare l'HTML di un elemento come testo semplice:

$.each($('.snippet'), function (index, obj) { 
    var $this = $(this); 
    $this.text($this.html()); 
}); 

Ecco una demo: http://jsfiddle.net/meZjw/31/

Answer 2

Questo dovrebbe funzionare:

$('.snippet').each(function() { 
    $(this).text($(this).html()); 
}); 

demo dal vivo:http://jsfiddle.net/RrUAA/1/

Answer 3

provare questo

$('.snippet').text($('.snippet').html()); 

Answer 4

Forse si desidera che il codice da mostrare? http://jsfiddle.net/vVgvt/4/

$('.snippet').html().replace(/</g, "&lt;").replace(/>/g, "&gt;"); 

Answer 5

This è quello che io uso:

<span class="snippet">Who me? Why thank you.</span> 
<div id="show_text"></div> 
<script type="text/javascript" charset="utf-8"> 
(function($) { 

    var data = $('.snippet').text(); // or how ever you collect the data Object 

    $('div#show_text').append(decodeURIComponent(jQuery.param(data))); 

// debug report: 
    if($.browser.mozilla){ //If you talk the talk, then you should toSource() 
    console.log(data.toSource()); 
    }else{ 
    console.log(data); 
    } 
})(jQuery); 
</script> 

tagliare le parti di cui avete bisogno.