Jak wstawić tekst (nie HTML) w jQuery?

Question

Zdaję sobie sprawę, że mogę poprzedzić rzeczy do elementu przy użyciu:

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

Jednak jeśli myText jest, powiedzmy, "<span>", tak naprawdę chcą, że tekst pojawi się, ale .prepend() by zamiast poprzedzić pustego elementu zakresu. Jaki jest zalecany sposób rozwiązania tego problemu? Czy naprawdę muszę uciec z HTML ręcznie, czy jest coś bardziej eleganckiego?

Answer 1

Można utworzyć textnode i umieścić zawartość tam i prepend że:

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

przykład: http://jsfiddle.net/niklasvh/gCKHe/

Answer 2

podmioty HTML są ok, moim zdaniem:

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

Użytkownik może zautomatyzować jednostki z końcówką znalezioną pod numerem http://debuggable.com/posts/encode-html-entities-with-jquery:480f4dd6-13cc-4ce9-8071-4710cbdd56cb

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

Jeśli chcemy także utworzyć funkcję PHP htmlentities w JavaScripcie, można użyć kodu dostępnego w projekcie PHP-JS: http://phpjs.org/functions/htmlentities:425

Albo można uprościć przez owinięcie poprzedniej wskazówce w funkcji:

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

W obu przypadkach należy użyć funkcji htmlentities tak:

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

Answer 3

Można użyć funkcji text zamiast prepend i po prostu dodać oryginalny tekst do końca nowym tekstem:

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

Answer 4

Można wdrożyć kodowanie HTML (i dekodować) funkcje, podobnie jak to zaakceptowanej odpowiedzi: HTML-encoding lost when attribute read from input field

a następnie wykonaj:

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