Dev Faq
7
votes

Comment créer un élément de lien avec une image comme ancre avec jQuery?

Je sais créer des éléments avec jQuery en utilisant quelque chose comme: xxx

Comment puis-je créer ceci: xxx

en utilisant le même Technique?

2 commentaires

Quelles sont vos difficultés réellement ???

$ (' ') .appendto ("corps"); ou $ (' ') .append (''). APPENDTO ("corps"); , et de nombreuses autres saveurs .

5 Réponses :

3
votes

Vous pouvez d'abord sélectionner l'élément HTML à l'aide de jQuery, puis utilisez la méthode "HTML ()" pour définir le HTML souhaité. Voici un exemple: 

$('div.demo-container')
  .html('<a href=""><img src="" /></a>');

0 commentaires
2
votes

Eh bien .. Vous pouvez faire: $ (' ') .append to ('# mydiv')

0 commentaires
13
votes 
$('<img />').attr({
  src:'some image url',
  width:'width in intiger',
  height:'integer'
}).appendTo($('<a />').attr({
  href:'somelink'
}).appendTo($('#someElement')));
0 commentaires
2
votes

Tout d'abord, vous devez déterminer s'il y a un élément d'emballage autour de l'endroit où vous souhaitez injecter ce contenu. Dans JQuery, vous utiliseriez la fonction: 

<h2>Greetings</h2>
  <div class="container">
    <div class="inner">
      Hello
      <p>Test</p>
    </div>
    <div class="inner">
      Goodbye
      <p>Test</p>
    </div>
 </div>

0 commentaires
1
votes

Ceci fonctionne en ajoutant un objet d'image. 

$('<a>', {href:''}).append($('<img>', {src:''}).appendTo('body')

0 commentaires

Articles qui pourrait vous intéresser :

Impossible d'importer le module "@ angular / material"
Interaction profonde avec break and catch
Utilisation de node.js comment renommer tous les fichiers d'un dossier
Google Chrome Uncaught (promis) DOMException lors de la lecture AUDIO