Dev Faq
6
votes

jQuery déplacer le nœud de son parent

J'ai ce code: 

<ul class="list">
  <li>
    <img src="IMAGE" />
    <a href="#" >
      SOME TEXT
    </a>
  </li>
  <li>
    <img src="ANOTHER IMAGE" />
    <a href="#" >
      SOME DIFFERENT TEXT
    </a>
  </li>
</ul>

9 commentaires

Un événement particulier doit être déclenché lorsque l'annexe se produit? ... Avez-vous déjà tenté de code JS?

Vous n'êtes pas sûr de ce que vous voulez faire ... Ajoutez-vous les balises img avec jQuery après le reste du code indiqué dans votre exemple est déjà dans le DOM?

Comment cette image viendra? Une sorte de déclencheur / ajax?

Il n'y a pas de déclencheur nécessaire, lorsque le DOM est prêt, il convient de se détacher et d'ajouter immédiatement après la balise Li comme dans mon exemple, et oui j'ai déjà essayé du code mais c'est un peu compliqué si j'ai pu choisir ce simple exemple de code

Bien dans ce cas, la réponse @alnitak vous a donné devrait être parfaite.

Totalement d'accord avec Elgabbu, veuillez essayer d'abord Google puis postez votre question et faites clairement de vos questions

@ user64837 Désolé «Désolé, mais vous ne pensez pas que vous pensez que des exemples encore plus dans Web aident plus de personnes à l'avenir?

@ Yeppthat'sme Ne vous inquiétez pas pour eux, je doute que ce serait bien facile de trouver la réponse dont vous aviez besoin sur Google.

Désolé si tu as été offensé cher ... signifiait juste essayer avant de poster !!

3 Réponses :

24
votes

Essayez ceci: xxx

démo à 5 commentaires

Oui, je viens de révision pour changer cela pendant que vous commenciez

NB: Je suis allé cette route plutôt que de simplement préparer au

  • car il déplace explicitement le "IMG" avant le "A", quel que soit tout autre élément qui pourrait être présent.

    oh génial, ça marche parfaitement même dans mon cas compliqué :) bioig merci :)

    @Alnitak: Bon point et clarification utile. Dépend si l'objectif de l'OP est de conserver le img avec le A ou le faire comme premier élément du li .

    @Luke Eh bien, le titre était "Ajouté au parent", j'ai donc compris que le conserver avec le A était la bonne chose à faire.

    • 3
    votes 
    $('ul.list img').each(function(_, elem) {
    var $elem = $(elem);
    $elem.prependTo( $elem.closest('li') );
});
demo: http://jsfiddle.net/hPbZD/1/
    0 commentaires
    1
    votes

    Essayez ceci: xxx

    voir en action ici . < / p>

    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