18 of 119 menu

before Metodu

before metodu, belirtilen öğeden önce metin ekler. Benzer şekilde çalışan insertBefore metodu da bulunmaktadır.

Sözdizimi

Öğeden önce metin ekleme:

$(seçici).before(metin);

Seçilen öğelerden önce, kullanıcı tanımlı fonksiyon tarafından döndürülen metin şu şekilde eklenecektir:

$(seçici).before(function(kümedeki numara));

Fonksiyonun bir başka kullanım şekli, ikinci parametre ile öğenin eski html değerinin belirtilmesidir:

$(seçici).before(function(kümedeki numara, html dizesi));

Metin sadece düz metin değil, aynı zamanda bir DOM öğesi veya jQuery nesnesi de olabilir. Bu durumda, bu öğeler HTML kodundaki kendi konumlarından taşınacaktır.

Örnek

Belirtilen paragraftan önce metin ekleyelim:

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

HTML kodu şu şekilde görünecektir:

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

Örnek

Belirtilen paragraftan önce etiketlerle birlikte metin ekleyelim:

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

HTML kodu şu şekilde görünecektir:

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

Örnek

Bir paragrafı diğerinin üstüne yerleştirelim (yani paragrafı eski yerinden kesip yeni bir yere koyalım):

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

HTML kodu şu şekilde görünecektir:

<p id="p2">metin2</p> <p id="p1">metin1</p>

Ayrıca Bakınız

  • insertBefore metodu,
    belirtilen öğeden önce metin ekler
  • after, append, prepend metodları,
    içeriği sayfada belirli bir yere eklemeyi sağlar
  • clone metodu,
    seçilen öğelerin kopyalarını oluşturur
← →
↑
mstrswplit