Metodas before
Metodas before prideda tekstą prieš nurodytą
elementą. Taip pat egzistuoja metodas
insertBefore,
kuris veikia panašiu būdu.
Sintaksė
Teksto įterpimas prieš elementą:
$(selektorius).before(tekstas);
Šitaip prieš pasirinktus elementus bus pridėtas tekstas, kurį grąžins vartotojo funkcija:
$(selektorius).before(function(numeris rinkinyje));
Kitas funkcijos naudojimo variantas, antruoju parametru nurodoma senoji html elemento reikšmė:
$(selektorius).before(function(numeris rinkinyje, html eilutė));
Tekstas 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ą prieš nurodytą pastraipą:
<p id="test">text</p>
$('#test').before('!!!');
HTML kodas atrodys taip:
!!!<p id="test">text</p>
Pavyzdys
Įterpkime tekstą su žymėmis prieš nurodytą pastraipą:
<p id="test">text</p>
$('#test').before('<p>!!!</p>');
HTML kodas atrodys taip:
<p>!!!</p><p id="test">text</p>
Pavyzdys
Pastatykime vieną pastraipą virš kitos (t.y. iškirpsime pastraipą iš senosios vietos ir pastatysime naujoje):
<p id="p1">text1</p>
<p id="p2">text2</p>
$('#p2').before('#p1');
HTML kodas atrodys taip:
<p id="p2">text2</p>
<p id="p1">text1</p>
Žiūrėkite taip pat
-
metodas
insertBefore,
kuris prideda tekstą prieš nurodytą elementą -
metodai
after,append,prepend,
leidžiantys pridėti turinį į tam tikrą vietą puslapyje -
metodas
clone,
kuris sukuria pasirinktų elementų kopijas
