0
votes

Je ne suis pas copié / clone élément html dans jQuery

Je ne peux pas cloner / copier élément dans DOM.

Mon code HTML: P>

$(document).on("click",".campoNoticia", function(evt) {
    var $imgRute = $(this).closest('section').find('img').html();
    $("article").append($imgRute);
});


6 commentaires

Qu'est-ce que .Find ('img'). HTML () supposé sélectionner? Les images ne contiennent pas de HTML. Quel élément voulez-vous cloner?


Qu'est-ce que vous essayez de faire exactement? img n'a pas de HTML. Il a un attribut source. Mais encore une fois que essayez-vous de copier?


J'ai besoin de copier / cloner IMG Tag, exemple:


Et puis faire quoi avec ça? Annexez-le à l'article après celui que vous avez cliqué sur?


Exact. J'ai besoin de ça.


J'ai besoin de copier la balise IMG (TOUT TODO).


4 Réponses :


1
votes

Si vous essayez de cloner l'élément IMG, vous pouvez simplement supprimer le .html () et vous ajouterez un clone de l'élément IMG.

$(document).on("click",".campoNoticia", function(evt) {
    var $imgRute = $(this).closest('section').find('img');
    $("article").append($imgRute);
});


3 commentaires

Cela ne le clonera pas. Il le supprimera d'abord de la section puis de l'ajouter à article .


@Tarik merci de réponse.


@ SanketD617 Tout à fait à droite, le clone est nécessaire pour profonder cloner l'objet. Mais cela ne le supprimera pas non plus de l'emplacement parent car cet objet ne contient aucun HTML, mais il suffit de placer une copie de l'objet actuellement sélectionné dans le nouveau nœud.



0
votes

Pour copier l'image en cours de clic sur et l'ajouter à l'article suivant, vous pouvez utiliser

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<section class="_col-12 flexbox flex-column" id="580">
  <article class="flat-White">
    <img src="https://www.iana.org/_img/2013.1/rir-map.svg" class="campoNoticia img-fluid">
    <div class="campoNoticia p1em">
      <h1>Title</h1>
      <p>Parrafe</p>
    </div>
  </article>
</section>
<article>Article Área</article>


1 commentaires

Merci beaucoup pour m'aider.



2
votes

Ceci est parce que le .html () code> retournera le code HTML à l'intérieur de l'élément sur lequel il s'appelle.

Par exemple, considérez le code suivant: p>

$(document).on("click", ".campoNoticia", function(evt) { 
    var $imgRute = $(this).closest('section').find('img').clone(); 
    $("article").append($imgRute); 
});


0 commentaires

1
votes

Vous pouvez simplement utiliser la méthode la méthode xxx


1 commentaires

Dieu emploi @kusokbanana