[Résolu] JQuery - pas d'affichage d'image...

Bonjour,

Voici le code que j'utilise pour générer l'affichage d'un div contenant une image et du texte juste à côté avec jQuery :

var jqBookmark = jQuery('<div></div>')
   .addClass('webPage')
      .append(jQuery('<a></a>')
         .attr({	
            'href': 'http://adresse_lien_pointe'
         })
            .append(jQuery('<img />')
               .attr({
                  'src': 'http://image.jpg',
                  'width': '16',
                  'height': '16',
                  'alt': 'Page Web'
                })
             )
             .text('le texte à afficher')
          )
 ;

Cependant, l'image ne s'affiche pas. Je n'obtiens que quelque chose comme ça :

<div class="webPage"><a href="http://adresse_lien_pointe">Le texte à afficher</a></div>

Aucun message d'erreur dans la console JS.

Je fais ça dans Firefox pour une extension que je modifie. J'ai utilisé un code déjà existant pour faire ça, je ne connais pas grand chose de jQuery...

Merci d'avance pour votre aide.
Modifié par jojaba (14 Jan 2012 - 14:50)

Ton soucis vient du fait que ton .text() écrase ton image.

Tu remplaces .text() par .append() et ça sera bon

Merci kenor, c'est bien ça.