Metoda before
Metoda before adaugă text înaintea elementului
specificat. De asemenea, există metoda
insertBefore,
care funcționează într-un mod similar.
Sintaxa
Inserarea textului înaintea elementului:
$(selector).before(text);
În acest fel, înaintea elementelor selectate va fi adăugat textul care va fi returnat de funcția personalizată:
$(selector).before(function(index));
Încă o variantă de utilizare a funcției, al doilea parametru specifică valoarea html veche a elementului:
$(selector).before(function(index, htmlString));
Textul poate fi nu doar text simplu, ci și un element DOM sau un obiect jQuery. În acest caz, aceste elemente vor fi mutate din poziția lor în codul HTML.
Exemplu
Să inserăm text înaintea paragrafului specificat:
<p id="test">text</p>
$('#test').before('!!!');
Codul HTML va arăta astfel:
!!!<p id="test">text</p>
Exemplu
Să inserăm text cu tag-uri înaintea paragrafului specificat:
<p id="test">text</p>
$('#test').before('<p>!!!</p>');
Codul HTML va arăta astfel:
<p>!!!</p><p id="test">text</p>
Exemplu
Să plasăm un paragraf deasupra celuilalt (adică să decupăm paragraful din vechea poziție și să îl plasăm în cea nouă):
<p id="p1">text1</p>
<p id="p2">text2</p>
$('#p2').before($('#p1'));
Codul HTML va arăta astfel:
<p id="p1">text1</p>
<p id="p2">text2</p>
Vedeți și
-
metoda
insertBefore,
care adaugă text înaintea elementului specificat -
metodele
after,append,prepend,
care permit adăugarea conținutului într-un loc specific pe pagină -
metoda
clone,
care creează copii ale elementelor selectate
