Convertir un objet jQuery et le contenu de la chaîne?

Je suis l'accaparement des différents jquery objets à mettre dans un tableau et, plus tard, cracher au format HTML.

Je suis en train de convertir l'objet jQuery pour une chaîne de texte de sorte qu'il peut être cracher au format HTML plus tard.

Je suis en utilisant cette technique à l'instant:

console.log($myObject.clone().wrap('<div></div>').html());

Cependant, qui apparaît seulement à saisir le contenu de mon objet.

Par exemple, si $monobjet est <h2>My Title</h2> le ci-dessus ne renvoie 'Mon Titre' (pas de balises H2).

J'ai aussi essayer de l'utiliser .texte (), mais obtenir le même résultat.

Est-il un moyen de convertir la totalité de l'objet jQuery dans une chaîne de texte?

InformationsquelleAutor DA. | 2010-01-04
  1. 5

    Bien, pour répondre à ma propre question. 

    console.log($('<div>').append($myObject.clone()).remove().html());

    Remerciements à Jean Feminella dans ce fil:

    Comment voulez-vous convertir un objet jQuery dans une chaîne de caractères?

    qui fait référence à ce post:

    http://jquery-howto.blogspot.com/2009/02/how-to-get-full-html-string-including.html

    InformationsquelleAutor DA.
  2. 1

    Ce que vous cherchez n'est pas pour convertir un objet JQuery à une chaîne mais un nœud DOM à sa représentation HTML.

    Il n'y a pas de builtin méthode JQuery pour ce faire, ni rien de semblable à Javascript.

    C'est un peu tedous mais vous pouvez, cependant, de le reconstruire.
    Le code ci-dessous n'est pas complète, ni testé, mais ici, c'est l'idée

    var h = '';
$('#my_selector').each(function(){
    h += '<' + this.NodeName;
    for(var k in this.attributes){
        h += ' ' + this.attributes[k].nodeName + '="' + this.attributes[k].value + '" ';
    }
    h += '>';
    h += this.innerHTML;
    h += '</' + this.NodeName + '>';
});
    • BenoKrapo bien, peut-être que je n'étais pas tout à fait de poser la question correctement. Comme vous pouvez le voir dans mon autre réponse, j'ai trouvé une solution qui offre ce que je suis à la recherche pour. Mais merci pour l'information. Je suis toujours à apprendre de nouvelles choses ici sur DONC. Aussi, il semble que cela pourrait être une pratique fonctionnalité intégrée pour jQuery pour ajouter à l'avenir. Je peux voir beaucoup d'utilisations pour le en bas de la route.
    InformationsquelleAutor Benoit Vidis
  3. 1

    À partir de votre exemple, ne pas vous avez juste besoin d'utiliser l'appel $myObject.html()?

    Cependant, depuis que je devine ce que vous êtes après est probablement pas juste que, serait tout simplement la conversion de l'objet en JSON faire le travail?

    Il ya un couple de plugins jQuery pour faire ça. Celui que j'ai utilisé, qui a toujours travaillé très bien pour moi, ne semble pas être plus de tout, mais vous pouvez l'obtenir ici

    http://jollytoad.googlepages.com/json.js

    Une recherche du plugin jQuery library donne à ces 2 alternatives possibles

    http://plugins.jquery.com/project/JSONEncoder

    http://plugins.jquery.com/project/LABSJSON

    Je n'ai jamais essayé l'un ou l'autre tho ne peut donc pas se porter garant de son efficacité

    InformationsquelleAutor Addsy
  4. 1
     console.log($('<div></div>').append($myObject.clone()).html());
    InformationsquelleAutor Thulasiram
  5. 0
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="Scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#btnCreateNewDiv').click(function () {
                $('#result').append($('<div></div>').append($('#testClone').clone()).html());
                $('#result div:last').show();
            });
        });
    </script>
    <style type="text/css">
        .Clone
        {
            background-color: Red;
        }

        .Clone h1
        {
            color: Lime;
        }
    </style>
</head>
<body>
    <input type="button" value="Create New Div" id="btnCreateNewDiv" />
    <span id="result"></span>
    <div id="testClone" class="Clone" style="display: none;">
        <h1>
            test
        </h1>
    </div>
    ​
</body>
</html>
    InformationsquelleAutor Thulasiram