Rimuovere tutti i tag HTML in una stringa (con la funzione jquery text())

Question

è possibile utilizzare la funzione jquery text() per rimuovere tutto il codice HTML in una stringa?

String con tag HTML:
myContent = '<div id="test">Hello <span>world!</span></div>';

il risultato deve essere:
Hello world!

Answer 1

var myContent = '<div id="test">Hello <span>world!</span></div>'; 

alert($(myContent).text()); 

che si traduce in ciao mondo. Questo risponde alla tua domanda?

http://jsfiddle.net/D2tEf/ per un esempio

Answer 2

Potresti non solo try it?

myContent = '<div id="test">Hello <span>world!</span></div>'; 
console.log($(myContent).text()); //Prints "Hello world!" 

Nota che è necessario avvolgere la stringa in un oggetto jQuery, altrimenti non avrà un metodo text ovviamente.

Answer 3

Ho creato questo test case: http://jsfiddle.net/ccQnK/1/, ho utilizzato la funzione di sostituzione Javascript con espressioni regolari per ottenere i risultati desiderati.

$(document).ready(function() { 
    var myContent = '<div id="test">Hello <span>world!</span></div>'; 
    alert(myContent.replace(/(<([^>]+)>)/ig,"")); 
}); 

Answer 4

Se è necessario rimuovere il codice HTML, ma non sa se contiene in realtà nessun tag HTML, non è possibile utilizzare il metodo di jQuery direttamente perché restituisce involucro vuoto per il testo non HTML.

$('<div>Hello world</div>').text(); //returns "Hello world" 
$('Hello world').text(); //returns empty string "" 

È necessario sia avvolgere il testo in HTML valido:

$('<div>' + 'Hello world' + '</div>').text(); 

O uso metodo $ .parseHTML() (dal jQuery 1.8) in grado di gestire sia HTML e non HTML testo:

var html = $.parseHTML('Hello world'); //parseHTML return HTMLCollection 
var text = $(html).text(); //use $() to get .text() method 

Plus parseHTML rimuove completamente i tag di script che è utile come protezione anti-hacking per gli input dell'utente.

$('<p>Hello world</p><script>console.log(document.cookie)</script>').text(); 
//returns "Hello worldconsole.log(document.cookie)" 

$($.parseHTML('<p>Hello world</p><script>console.log(document.cookie)</script>')).text(); 
//returns "Hello world" 

Answer 5

Un'alternativa:

$("<p>").html(myContent).text(); 

Answer 6

ho trovato nel mio caso specifico che ho solo bisogno di tagliare il contenuto. Forse non la risposta posta nella domanda. Ma ho pensato di aggiungere comunque questa risposta.

$(myContent).text().trim()