Prepende metodi

prepend metodi elementyň başyna tekst goşýar. Şeýle-de prependTo metodi bar, ol şoňa meňzeş işleýär.

Sintaksis

Elementiň başyna tekst goşmak:

javascript$(selektor).prepend(tekst);

Saýlanyp alynan elementleriň başyna, ulanyjy tarapyndan ýazylan funksiýa bilen gaytarylýan tekst goşup bolýar. Funksiýa her bir saýlanan element üçin aýratyn çaýrylýar. Çaýrylanda oňa şu parametrler berilýär: elementleriň toplumdaky orny, elementiň häzirki mazmuny:

javascript$(selektor).prepend(funksiýa(toplamdaky tertip belgisi, elementdäki häzirki mazmun));

Mazmun diňe bir adaty tekst bolup bilmeýär, eýsem DOM elementi ýa-da jQuery obyekti hem bolup biler. Bu ýagdaýda bu elementler özleriniň HTML kodundaky ornundan göçüriler.

Mysal

Berlen abzasyň başyna tekst goşalyň:

html<p id="test">tekst</p>
javascript$('#test').prepend('!!!');

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

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

Mysal

Berlen abzasyň başyna tegleri bilen tekst goşalyň:

html<p id="test">tekst</p>
javascript$('#test').prepend('<b>!!!</b>');

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

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

Mysal

Hemme abzaslary tapalyň we her biriniň başyna olaryň toplumdaky tertip belgisini goýalyň:

html<p>tekst</p>
<p>tekst</p>
<p>tekst</p>
<p>tekst</p>
<p>tekst</p>
javascript$('p').prepend(function(index, text) {
  return index;
});

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

html<p>0tekst</p>
<p>1tekst</p>
<p>2tekst</p>
<p>3tekst</p>
<p>4tekst</p>

Şeýle-de garaň

  • prependTo metodi,
    elementiň başyna tekst goşýar
  • append, before, after metodlary,
    mazmuny belli bir ýere goşmaga mümkinçilik berýär
  • before ýalan-element,
    CSS-de elementyň soňuna tekst goşýar