jQuery Dokument Operation - prepend() Metode

Eksempel

Indsæt indhold i begyndelsen af p-elementet:

$(".btn1").click(function(){
  $("p").prepend("<b>Hello world!</b>");
});

Prøv det selv

Definition og brug

prepend() metoden indsætter angivet indhold i begyndelsen af det valgte element (endnu inde i elementet).

Tip:prepend() og prependTo() Metoderne fungerer på samme måde. Forskellen ligger i syntaksen: placeringen af indhold og vælgeren, samt at prependTo() ikke kan bruge funktioner til at indsætte indhold.

Syntaks

$().prepend(content)
Parametre Beskrivelse
content Obligatorisk. Angiver det indhold, der skal indsættes (kan indeholde HTML-tags).

Brug funktion til at tilføje indhold

Brug funktionen til at indsætte angivet indhold i begyndelsen af det valgte element.

Syntaks

$().prepend(function(index, html))

Prøv det selv

Parametre Beskrivelse
function(index, html)

Obligatorisk. Angiver funktionen, der returnerer det indhold, der skal indsættes.

  • index - Valgfri. Accepterer vælgerens index-position.
  • html - Valgfri. Accepterer den aktuelle HTML for vælgeren.