Zoeken…


Een element voorbereiden op een container

Oplossing 1:

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

Oplossing 2:

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

Beide oplossingen hebben het element #child (aan het begin toegevoegd) aan het element #parent .

Voordat:

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

</div>

Na:

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

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

Prepend methode

prepend() - Voeg inhoud, gespecificeerd door de parameter, in aan het begin van elk element in de set van overeenkomende elementen.

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)

JQuery- version: 1.4 kunt u de callback-functie als argument gebruiken. Waar u argumenten kunt krijgen als indexpositie van het element in de set en de oude HTML-waarde van het element. Binnen de functie verwijst this naar het huidige element in de set.

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


Modified text is an extract of the original Stack Overflow Documentation
Licentie onder CC BY-SA 3.0
Niet aangesloten bij Stack Overflow