jQuery
Pré-ajouter

Ajouter un élément à un conteneur

Solution 1:

 $('#parent').prepend($('#child')); 

Solution 2:

 $('#child').prependTo($('#parent'));

Les deux solutions ajoutent l'élément #child (en ajoutant au début) à l'élément #parent .

Avant:

<div id="parent">
  <span>other content</span>
</div>
<div id="child">

</div>

Après:

<div id="parent">
  <div id="child">

  </div>
  <span>other content</span>
</div>

Méthode Prepend

prepend() - Insère le contenu, spécifié par le paramètre, au début de chaque élément de l'ensemble d'éléments correspondants.

1. prepend( content [, content ] )

// with html string
jQuery('#parent').prepend('<span>child</span>');
// or you can use jQuery object
jQuery('#parent').prepend($('#child'));
// or you can use comma seperated multiple elements to prepend
jQuery('#parent').prepend($('#child1'),$('#child2'));

2. prepend(function)

version: 1.4 JQuery version: 1.4 partir de la version: 1.4 , vous pouvez utiliser la fonction de rappel comme argument. Où vous pouvez obtenir des arguments en tant que position d'index de l'élément dans l'ensemble et l'ancienne valeur HTML de l'élément. Dans la fonction, this fait référence à l'élément actuel de l'ensemble.

jQuery('#parent').prepend(function(i,oldHTML){      
     // return the value to be prepend
     return  '<span>child</span>';
});