14 of 119 menu

Die prepend metode

Die metode prepend voeg teks aan die begin van 'n element toe. Daar is ook 'n metode prependTo, wat op 'n soortgelyke wyse werk.

Sintaksis

Om teks aan die begin van 'n element in te voeg:

$(selektor).prepend(teks);

Aan die begin van die gekose elemente kan teks toegevoeg word wat deur 'n gebruiker-gedefinieerde funksie terugbesorg word. Die funksie word afsonderlik vir elk van die gekose elemente geroep. By die oproep word die volgende parameters daaraan oorgedra: die posisie van die element in die versameling, die huidige inhoud van die element:

$(selektor).prepend(function(nommer in die versameling, huidige inhoud van die element));

Die inhoud kan ook nie net gewone teks wees nie, maar ook 'n DOM-element of 'n jQuery-voorwerp. In hierdie geval sal hierdie elemente van hul posisie in die HTML-kode af verskuif word.

Voorbeeld

Laat ons teks aan die begin van die gegewe paragraaf invoeg:

<p id="test">teks</p> $('#test').prepend('!!!');

Die HTML-kode sal so lyk:

<p id="test">!!!teks</p>

Voorbeeld

Laat ons teks met etikette aan die begin van die gegewe paragraaf invoeg:

<p id="test">teks</p> $('#test').prepend('<b>!!!</b>');

Die HTML-kode sal so lyk:

<p id="test"><b>!!!</b>teks</p>

Voorbeeld

Laat ons alle paragrawe vind en aan die begin van elkeen sy volgorde-nommer in die versameling plaas:

<p>teks</p> <p>teks</p> <p>teks</p> <p>teks</p> <p>teks</p> $('p').prepend(function(index, teks) { return index; });

Die HTML-kode sal so lyk:

<p>0teks</p> <p>1teks</p> <p>2teks</p> <p>3teks</p> <p>4teks</p>

Sien ook

  • die metode prependTo,
    wat teks aan die begin van 'n element toevoeg
  • die metodes append, before, after,
    wat dit moontlik maak om inhoud op 'n spesifieke plek by te voeg
  • die pseudoelement before,
    wat teks aan die einde van 'n element op CSS byvoeg
Afrikaans
AzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Ons gebruik koekies vir die werking van die webwerf, ontleding en personalisering. Die verwerking van data geskied volgens die Privaatheidsbeleid.
aanvaar alles instel verwerp