Javascript Girl
  1. Javascript Girl
  3. Comment déplacer un élément HTML dans jQuery?
Intereting Posts
Retirez par programme <script src = "/ unwanted.js" … /> référence Détection des événements de modification DOM Utilisation de list.js sort et la recherche ne marche pas Comment positionner la caméra afin que l'objet ait toujours la même largeur et hauteur de pixels sur l'écran? La meilleure façon de déterminer si un argument n'est pas envoyé à la fonction JavaScript JavaScript: vérifiez la largeur d'un objet <div> avant de le placer Protractor teste l'échec / défaut de l'application AngularJS de manière incohérente HTML: pouvez-vous cacher / ignorer les éléments de texte du navigateur Trouver (CTRL + F) Npm start error avec create-reaction-app Ng-contenu dans la racine Composé angulaire 2 Meilleur client XMPP PHP / Javascript Puis-je appeler jquery click () pour suivre un lien <a> si je n'ai pas lié un gestionnaire d'événements avec bind ou clique déjà? IE incompatibilité avec window.location.href En cliquant sur l'élément enfant déclenche également l'événement de clic sur le parent Qu'arrive-t-il à mon application Web si JavaScript est désactivé?

Comment déplacer un élément HTML dans jQuery?

Ma structure HTML est comme ceci: 

<div id="parent"> <div id="1">Some content</div> <div id="2">Some content</div> </div>

Je souhaite déplacer l'élément id="2" pour placer avant id="1" donc c'est comme ceci: 

 <div id="parent"> <div id="2">Some content</div> <div id="1">Some content</div> </div>

Comment puis-je faire quelque chose comme ça dans jQuery?

Vous pouvez utiliser .insertBefore() , comme ceci: 

 $("#2").insertBefore("#1");

Ou, .prependTo() , comme ceci: 

 $("#2").prependTo("#parent");

… ou l'inverse en utilisant #1 et .insertAfter() et .appendTo() … ou plusieurs autres façons en fait, cela dépend simplement de ce que vous êtes réellement après, les deux méthodes ci-dessus devraient être sur le plus court possible cependant, 2 identifiants.

Je suppose que ce n'est qu'un exemple, n'oubliez pas d'utiliser des ID qui ne commencent pas avec un numéro dans une page HTML4 réelle, ils sont invalides et causent plusieurs problèmes.

Simplement faites: 

 $('#1').before($('#2'));

Vous avez déjà pensé à utiliser jQuery UI Sortable ?