jQuery Girl
  1. jQuery Girl
  3. Utilisez jQuery / Javascript pour créer une liste de tous les éléments d’un ensemble
Intereting Posts
parent vs plus proche Comment puis-je corriger le «clignotement» de l’image qui se produit sur mon site lorsque j’ouvre le menu mmenu? Intégration de Typeahead.js et Bloodhound.js à C # WebForms WebMethod Comment arrêter le rechargement de page en cliquant sur le bouton jQuery Une forme longue utilisant jquery Valider provoque l’avertissement de script lent IE Echangez une image sans scintillement tout en montrant la nouvelle immédiatement Précharger les images d’arrière-plan avec jQuery? Comment animer: avant sélecteur avec jQuery jQuery pour déclencher un clic sur un iFrame? Erreur API Zillow: «Aucun en-tête ‘Access-Control-Allow-Origin’ n’est présent» Implémentation de History.js HTML4 Fallback Enregistrez les données JSON dans un fichier texte et lisez-les. Puis-je appeler une fonction après le chargement d’un iframe ajouté par jquery? Comment obtenir l’object Json pour le menu déroulant? JQuery Mobile Parse JSON pour ListView

Utilisez jQuery / Javascript pour créer une liste de tous les éléments d’un ensemble

Je souhaite utiliser Javascript pour parcourir en boucle un ensemble d’éléments et créer une liste d’étiquettes pour chacun d’entre eux. Par conséquent, si l’ensemble d’éléments était comme suit: 

Title
 
Subheading
 
Paragraph of text...

Cela me donnerait ce qui suit: 

 
     
  1. h1
    2.  
  2. h2
    3.  
  3. p

Est-il possible pour jQuery / Javascript de renvoyer le type d’un élément sous forme de chaîne, et si oui, comment pourrais-je m’y prendre?

C’est loin d’être le morceau de code le plus propre que j’ai jamais créé, mais ça marche: 

 function generateList(rootElement) { var rootElementItem = $("
  • " + rootElement.get(0).tagName + "
    • "); if (rootElement.children().size() > 0) { var list = $("
      "); rootElement.children().each(function() { list.append(generateList($(this))); }); rootElementItem.append(list); } return rootElementItem; } var listOfElements = generateList($("body")); $("body").append($("
        ").append(listOfElements));

        Démo: http://jsfiddle.net/jonathon/JvQKz/

        Il s’appuie sur la réponse this.tagName qui a été donnée précédemment, mais il vérifie également la this.tagName d’enfants. De cette façon, il construira une vue hiérarchique de l’élément donné. La méthode ne génère pas la

          englobante, elle ne peut donc être ajoutée qu’à une balise existante.

          J’espère que cette solution simple aide: http://jsfiddle.net/neopreneur/n7xJC/

          -html- 

           
          Title
           
          Subheading
           
          Paragraph of text...

          -js- 

           $(function(){ $('body *').each(function(){ // append a 'ol' to body in order to output all tag names if(!$(this).parents('body').find('ol').length){ $('body').append('
            '); } // output the name of the tag (list item) $('ol').append('
          1. ' + this.tagName.toLowerCase() + '
            2. '); }); });

            Cela fonctionne si vous avez un document HTML correctement formé avec une balise body.

            Exemple 

             $('
              ').append(function(index, html){ var ret = $(''); $('body>*').each(function(i, el) { ret.append( $('
            1. ').html(this.tagName.toLowerCase()) ); }); return ret.html(); }).appendTo('body');