before-metodi
before-metodi lisää tekstin ennen määritettyä
elementtiä. On olemassa myös
insertBefore-metodi,
joka toimii vastaavalla tavalla.
Syntaksi
Tekstin lisääminen elementin eteen:
$(valitsin).before(teksti);
Näin valittujen elementtien eteen lisätään teksti, jonka palauttaa käyttäjän määrittämä funktio:
$(valitsin).before(function(indeksi joukossa));
Toinen tapa käyttää funktiota, toisena parametrina annetaan elementin vanha html -arvo:
$(valitsin).before(function(indeksi joukossa, html-merkkijono));
Teksti voi olla paitsi tavallista tekstiä, myös DOM-elementti tai jQuery-objekti. Tässä tapauksessa nämä elementit siirretään niiden alkuperäiseltä paikalta HTML-koodissa.
Esimerkki
Lisätään teksti ennen määritettyä kappaletta:
<p id="test">teksti</p>
$('#test').before('!!!');
HTML-koodi näyttää tältä:
!!!<p id="test">teksti</p>
Esimerkki
Lisätään teksti tageineen ennen määritettyä kappaletta:
<p id="test">teksti</p>
$('#test').before('<p>!!!</p>');
HTML-koodi näyttää tältä:
<p>!!!</p><p id="test">teksti</p>
Esimerkki
Asetetaan yksi kappale toisen yläpuolelle (eli leikataan kappale vanhalta paikalta ja asetetaan uudelle paikalle):
<p id="p1">teksti1</p>
<p id="p2">teksti2</p>
$('#p2').before($('#p1'));
HTML-koodi näyttää tältä:
<p id="p1">teksti1</p>
<p id="p2">teksti2</p>
Katso myös
-
insertBefore-metodi,
joka lisää tekstin ennen määritettyä elementtiä -
after-,append-,prepend-metodit,
jotka mahdollistavat sisällön lisäämisen tiettyyn paikkaan sivulla -
clone-metodi,
joka luo kopioita valituista elementeistä