Before metodu

before metodu kesgitlenen elementden öň tekst goşýar. Şeýle hem insertBefore metody bar, ol hem şuňa meňzeş işleýär.

Sintaksis

Elementden öň tekst goşmak:

javascript$(selektor).before(tekst);

Şeýlelikde, saýlanan elementlerden öň ulanyjy funksiýasy tarapyndan gaýtarylýan tekst goşular:

javascript$(selektor).before(function(setir nomeri));

Funksiýanyň ýene bir ulanylyş görnüşi, ikinji parametrde elementiň köne html bahasy kesgitlenýär:

javascript$(selektor).before(function(setir nomeri, html setiri));

Tekst diňe adaty tekst däl, eýsem DOM elementi ýa-da jQuery obýekti hem bolup biler. Bu ýagdaýda bu elementler öz pozisiýalaryndan HTML kodda ýerine ýetiriler.

Mysal

Geliň, kesgitlenen abzasdan öň tekst goşalyň:

html<p id="test">tekst</p>

javascript$('#test').before('!!!');

HTML kod şeýle görüner:

html!!!<p id="test">tekst</p>

Mysal

Geliň, kesgitlenen abzasdan öň tegleri bilen birikdirilen tekst goşalyň:

html<p id="test">tekst</p>

javascript$('#test').before('<p>!!!</p>');

HTML kod şeýle görüner:

html<p>!!!</p><p id="test">tekst</p>

Mysal

Geliň, bir abzasy beýlekisiniň üstüne goýalyň (ýagni abzasy köne ýerinden çykaryp täze ýerine goýalyň):

html<p id="p1">tekst1</p>
<p id="p2">tekst2</p>

javascript$('#p2').before('#p1');

HTML kod şeýle görüner:

html<p id="p2">tekst2</p>
<p id="p1">tekst1</p>

Şeýle-de görmeli