14 of 119 menu

Metodas prepend

Metodas prepend prideda tekstą į elemento pradžią. Taip pat egzistuoja metodas prependTo, kuris veikia panašiu būdu.

Sintaksė

Teksto įterpimas į elemento pradžią:

$(selektorius).prepend(tekstas);

Į pasirinktų elementų pradžią galima pridėti tekstą, kurį grąžins vartotojo funkcija. Funkcija iškviečiama atskirai kiekvienam iš pasirinktų elementų. Iškviečiant jai perduodami šie parametrai: elemento pozicija rinkinyje, dabartinis elemento turinys:

$(selektorius).prepend(function(numeris rinkinyje, dabartinis elemento turinys));

Turinys taip pat gali būti ne tik paprastas tekstas, bet ir DOM elementas ar jQuery objektas. Šiuo atveju šie elementai bus perkelti iš savo pozicijos HTML kode.

Pavyzdys

Įterpkime tekstą į nurodyto pastraipos pradžią:

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

HTML kodas atrodys taip:

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

Pavyzdys

Įterpkime tekstą su žymėmis į nurodyto pastraipos pradžią:

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

HTML kodas atrodys taip:

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

Pavyzdys

Raskime visas pastraipas ir į kiekvienos pradžią įdėsime jos eilės numerį rinkinyje:

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

HTML kodas atrodys taip:

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

Žiūrėkite taip pat

  • metodas prependTo,
    kuris prideda tekstą į elemento pradžią
  • metodai append, before, after,
    leidžiantys pridėti turinį į tam tikrą vietą
  • pseudoelementas before,
    kuris prideda tekstą į elemento pabaigą su CSS
Lietuvių
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Mes naudojame slapukus svetainės veikimui, analizei ir personalizavimui. Duomenų apdorojimas vyksta pagal Privatumo politiką.
priimti visus nustatyti atšaukti