jQuery
anteporre

Prependendo un elemento in un contenitore

Soluzione 1:

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

Soluzione 2:

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

Entrambe le soluzioni stanno anteponendo l'elemento #child (aggiungendo all'inizio) all'elemento #parent .

Prima:

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

</div>

Dopo:

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

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

Metodo di attesa

prepend() - Inserisce il contenuto, specificato dal parametro, all'inizio di ogni elemento nel set di elementi corrispondenti.

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 poi è possibile utilizzare la funzione di callback come argomento. Dove puoi ottenere argomenti come posizione dell'indice dell'elemento nell'insieme e il vecchio valore HTML dell'elemento. All'interno della funzione, this riferisce all'elemento corrente nel set.

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