Ajouter HTML échappé texte: jQuery

Je suis habitué à l'aide de jQuery .append() méthode pour ajouter du texte ou HTML sur la fin d'un pré-existante de l'élément. Je suis actuellement à l'aide de jQuery .text() pour échapper à des chaînes qui pourraient contenir du HTML. Malheureusement, il ne semble pas être une méthode jQuery qui aura pour effet d'ajouter les résultats de la .text() méthode à un élément au lieu de remplacer son contenu.

Est-il un moyen d'ajouter, au lieu de les remplacer, ce échappé de texte d'un élément? Ou est-il une meilleure façon d'échapper à des chaînes contenant du code HTML?

Grâce.

- EDIT -

Un peu plus le contexte: je suis en train de construire une chaîne HTML de façon dynamique, et donc je vais avoir besoin pour être en mesure d'ajouter de multiples éléments à échappé contenu de la programmation.

InformationsquelleAutor Nathan Friend | 2012-08-14
  1. 5

    Vous pouvez créer un élément "factice" pour contenir le résultat de .text() qui peut ensuite être ajouté à votre élément de destination:

    $('<div/>').text('your <span>html</span> string').appendTo(...);
    • Bonne idée. Je vais l'utiliser avec une légère modification - $('<div/>').text('your <span>html</span> string').html();. De cette façon, je n'ai pas le réel factice élément dans le texte.
    • Comme une note de côté, vous pouvez également utiliser document.createTextNode et d'ajouter que.
    InformationsquelleAutor João Silva
  2. 8

    Que j'ai essayé de nombreuses façons, je pense que la méthode suivante est la façon la plus propre pour ajouter du texte à tout noeud que vous voulez.
    pas de stock tag nécessaire, uniquement du texte brut, ce qui aidera à éviter les problèmes potentiels

    $(document.createTextNode("SomePlainText")).appendTo(p);
    InformationsquelleAutor
  3. 1

    Vous pouvez simplement utiliser

    $(whatever).text($(whatever).text() + whatever_you_want_to_append);

    MODIFIER pour le violon dans mon commentaire, essayez ceci:

    for ( /* some looping parameters */ ) {
    $('<li></li>') //create an li
        .text(stringWithHtml) //pass it the text, as text not html
        .appendTo('#thisIsWhatINeed'); //append it where you want it
}

    jsFiddle

    • Notez que .text accepte également une fonction: $(whatever).text(function(i, txt) { return txt + foo;});
    • Oui, cela fonctionne pour un seul plus. Cependant, j'ai besoin d'être en mesure d'ajouter de multiples éléments à l'évasion contenu dans une boucle - voir mon edit.
    • Il n'y a pas de raison que le code que j'ai fourni ne peut pas être utilisé à l'intérieur d'une boucle ou qu'avez-vous.
    • Désolé, je n'était pas claire. Voici ce que je veux dire - démo
    • Ah, c'est un peu différent. Voir mise à jour de réponse. Assez similaire à celle de João maintenant.
    • J'aime que. Un peu plus propre que ce que je fais maintenant. Merci.

    InformationsquelleAutor KRyan