¿Cómo anteponer el texto (no HTML) en jQuery?

Question

que se dan cuenta de que puedo anteponer cosas a un elemento usando:

$(...).prepend(myText); 

Sin embargo, si myText es, digamos, "<span>", en realidad quiero que aparezca ese texto, pero .prepend() habría lugar anteponer un elemento span vacía. ¿Cuál es la forma recomendada de resolver esto? ¿Realmente tengo que escanear HTML manualmente el texto o hay algo más elegante?

Answer 1

Se puede crear un textNode y poner el contenido allí y prepend que:

$('div').prepend(document.createTextNode("<span>")); 

ejemplo: http://jsfiddle.net/niklasvh/gCKHe/

Answer 2

entidades HTML están bien, en mi opinión:

$(...).prepend('<span>'); 

Usted puede automatice las entidades con la sugerencia que se encuentra en http://debuggable.com/posts/encode-html-entities-with-jquery:480f4dd6-13cc-4ce9-8071-4710cbdd56cb

$(...).prepend($('<div/>').text('<span>').html()); 

Si también desea crear la función de PHP htmlentities en Javascript, puede utilizar el código disponible en proyecto PHP-JS: http://phpjs.org/functions/htmlentities:425

O puede simplificar envolviendo la punta anterior en una función:

function htmlentities(string) { 
    return $('<div/>').text(string).html(); 
} 

En ambos casos, se utiliza la función htmlentities así:

$(...).prepend(htmlentities('<span>')); 

Answer 3

Puede utilizar la función text en lugar de prepend, y sólo tiene que añadir el texto original al final del nuevo texto:

$("#elementID").text("<span>" + $("#elementID").text());

Answer 4

Se podría aplicar codificación HTML (y recepción) funciones, como esta respuesta aceptada: HTML-encoding lost when attribute read from input field

y luego hacer:

$(...).prepend(htmlEncode(myText));