Metode before
Metode before pievieno tekstu pirms norādītā
elementa. Pastāv arī metode
insertBefore,
kura darbojas līdzīgā veidā.
Sintakse
Teksta ievietošana pirms elementa:
$(selektors).before(teksts);
Šādi pirms atlasītajiem elementiem tiks pievienots teksts, ko atgriezīs lietotāja definēta funkcija:
$(selektors).before(function(numurs komplektā));
Vēl viens funkcijas izmantošanas variants, kur otrais parametrs norāda veco html elementa vērtību:
$(selektors).before(function(numurs komplektā, html virkne));
Teksts var būt ne tikai parasts teksts, bet arī DOM elements vai jQuery objekts. Šajā gadījumā šie elementi tiks pārvietoti no savas sākotnējās pozīcijas HTML kodā.
Piemērs
Ievietosim tekstu pirms norādītā rindkopas:
<p id="test">teksts</p>
$('#test').before('!!!');
HTML kods izskatīsies šādi:
!!!<p id="test">teksts</p>
Piemērs
Ievietosim tekstu ar atzīmēm pirms norādītā rindkopas:
<p id="test">teksts</p>
$('#test').before('<p>!!!</p>');
HTML kods izskatīsies šādi:
<p>!!!</p><p id="test">teksts</p>
Piemērs
Novietosim vienu rindkopu virs otras (tas ir, izgriezīsim rindkopu no vecās vietas un ievietosim jaunajā vietā):
<p id="p1">teksts1</p>
<p id="p2">teksts2</p>
$('#p2').before($('#p1'));
HTML kods izskatīsies šādi:
<p id="p1">teksts1</p>
<p id="p2">teksts2</p>
Skatiet arī
-
metodi
insertBefore,
kura pievieno tekstu pirms norādītā elementa -
metodes
after,append,prepend,
kuras ļauj pievienot saturu noteiktā vietā lapā -
metodi
clone,
kura izveido atlasīto elementu kopijas
