Metodas after
Metodas after prideda tekstą po
nurodyto elemento. Taip pat egzistuoja metodas
insertAfter,
kuris veikia panašiu būdu.
Sintaksė
Teksto įterpimas po elemento:
$(selektorius).after(tekstas);
Šitaip po pasirinktais elementais bus pridėtas tekstas, kuris bus grąžintas vartotojo funkcijos. Funkcija iškviečiama atskirai kiekvienam iš pasirinktų elementų. Į pirmą parametrą šios funkcijos pateks kiekvieno iš pasirinktų elementų (eilės tvarka) numeris rinkinyje, į antrą - esamas elemento turinys:
$(selektorius).after(function(numeris rinkinyje, esamas elemento turinys));
Tekstas taip pat gali būti ne tik paprastas tekstas, bet ir DOM elementas ar jQuery objektas. Šiuo atveju šie elementai bus perkelti iš jų pozicijos HTML kode.
Pavyzdys
Įterpkime tekstą po nurodyto pastraipos:
<p id="test">tekstas</p>
$('#test').after('!!!');
HTML kodas atrodys taip:
<p id="test">tekstas</p>!!!
Pavyzdys
Įterpkime tekstą su žymėmis po nurodytos pastraipos:
<p id="test">tekstas</p>
$('#test').after('<p>!!!</p>');
HTML kodas atrodys taip:
<p id="test">tekstas</p><p>!!!</p>
Pavyzdys
Perkelkime vieną pastraipą po kita (tai yra, iškirpsime pastraipą iš senos vietos ir pastatysime į naują):
<p id="p1">tekstas1</p>
<p id="p2">tekstas2</p>
$('#p1').after($('#p2'));
HTML kodas atrodys taip:
<p id="p1">tekstas1</p>
<p id="p2">tekstas2</p>
Taip pat žiūrėkite
-
metodas
insertAfter,
kuris prideda tekstą po nurodyto elemento -
metodai
before,append,prepend,
leidžiantys pridėti turinį į tam tikrą vietą puslapyje -
metodas
clone,
kuris sukuria pasirinktų elementų kopijas
