Metoden before
Metoden before lägger till text före ett angivet
element. Det finns också metoden
insertBefore,
som fungerar på ett liknande sätt.
Syntax
Infoga text före ett element:
$(selector).before(text);
Så här kommer texten att läggas till före de valda elementen, som returneras av en användardefinierad funktion:
$(selector).before(function(index i mängden));
Ytterligare ett användningssätt för funktionen, där den andra parametern anger elementets gamla html-värde:
$(selector).before(function(index i mängden, html-sträng));
Texten kan inte bara vara vanlig text, utan även DOM-element eller jQuery-objekt. I så fall kommer dessa element att flyttas från sin position i HTML-koden.
Exempel
Låt oss infoga text före ett angivet stycke:
<p id="test">text</p>
$('#test').before('!!!');
HTML-koden kommer att se ut så här:
!!!<p id="test">text</p>
Exempel
Låt oss infoga text med taggar före ett angivet stycke:
<p id="test">text</p>
$('#test').before('<p>!!!</p>');
HTML-koden kommer att se ut så här:
<p>!!!</p><p id="test">text</p>
Exempel
Låt oss placera ett stycke ovanför ett annat (dvs klipp ut stycket från sin gamla plats och placera det på en ny):
<p id="p1">text1</p>
<p id="p2">text2</p>
$('#p2').before($('#p1'));
HTML-koden kommer att se ut så här:
<p id="p1">text1</p>
<p id="p2">text2</p>
Se även
-
metoden
insertBefore,
som lägger till text före ett angivet element -
metoderna
after,append,prepend,
som låter dig lägga till innehåll på en specifik plats på sidan -
metoden
clone,
som skapar kopior av valda element
