jQueryにテキスト（HTMLではなく）を追加する方法は？

Question

私が使用して要素にコンテンツを付加することができますことを実現："<span>"、しかし、myTextであれば、のは言わせ

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

は、私が実際にテキストを表示することを望むが、.prepend()は、代わりに空のspan要素を付加します。これを解決するにはどうすればよいでしょうか？私は実際に手動でテキストをHTMLエスケープする必要がありますか、それとももっと優雅なものがありますか？

Answer 1

あなたはtextnodeを作成し、そこに内容を入れて、prependことができます。

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

例：http://jsfiddle.net/niklasvh/gCKHe/

Answer 2

HTMLエンティティが私の意見では、OKです：

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

あなたがかもしれません先端のエンティティを自動化してhttp://debuggable.com/posts/encode-html-entities-with-jquery:480f4dd6-13cc-4ce9-8071-4710cbdd56cb

それとも、関数内で、前の先端を包むことにより、簡素化する可能性があります：

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

あなたもにhtmlentities JavaScriptで、あなたはPHP-JSプロジェクトで利用可能なコードを使用することができますPHPの関数を作成したい場合

どちらの場合も

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

、あなたはこのようにhtmlentities関数を使用します。

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

Answer 3

はあなたではなくprependのtext機能を使用し、単に新しいテキストの最後に元のテキストを追加することができます：あなたはこの受け入れ答えのようにHTMLエンコード（およびデコード）機能を実装することができ

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

Answer 4

： HTML-encoding lost when attribute read from input field

してから実行します。div要素は "

" のhtmlを持っている場合

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