18 of 119 menu

Before metodi

before metodi berilgan element oldiga matn qo'shadi. Shuningdek, insertBefore metodi ham mavjud bo'lib, u ham shu tarzda ishlaydi.

Sintaksis

Element oldiga matn qo'shish:

$(selektor).before(matn);

Mana shunday qilib tanlangan elementlar oldiga foydalanuvchi tomonidan qaytarilgan matn qo'shiladi:

$(selektor).before(function(to'plamdagi raqam));

Funksiyadan foydalanishning yana bir varianti, ikkinchi parametr orqali elementning eski html qiymati beriladi:

$(selektor).before(function(to'plamdagi raqam, html satr));

Matn nafaqat oddiy matn bo'lishi mumkin, balki DOM elementi yoki jQuery ob'ekti ham bo'lishi mumkin. Bu holda bu elementlar o'zlarining HTML kodidagi joylaridan ko'chiriladi.

Misol

Keling, berilgan abzas oldiga matn qo'shamiz:

<p id="test">matn</p> $('#test').before('!!!');

HTML kod quyidagicha ko'rinadi:

!!!<p id="test">matn</p>

Misol

Keling, berilgan abzas oldiga teglar bilan matn qo'shamiz:

<p id="test">matn</p> $('#test').before('<p>!!!</p>');

HTML kod quyidagicha ko'rinadi:

<p>!!!</p><p id="test">matn</p>

Misol

Keling, bir abzasni ikkinchisining ustiga qo'yamiz (ya'ni abzasni eski joyidan kesib olib yangi joyiga qo'yamiz):

<p id="p1">matn1</p> <p id="p2">matn2</p> $('#p2').before('#p1');

HTML kod quyidagicha ko'rinadi:

<p id="p2">matn2</p> <p id="p1">matn1</p>

Shuningdek qarang

  • insertBefore metodi,
    u berilgan element oldiga matn qo'shadi
  • after, append, prepend metodlari,
    ular sahifaning ma'lum joyiga kontent qo'shish imkonini beradi
  • clone metodi,
    u tanlangan elementlarning nusxalarini yaratadi
← →
↑
uzltrswbyhi