prepend Metodu
prepend metodu, bir öğenin başına metin ekler.
Benzer şekilde çalışan prependTo
metodu da bulunmaktadır.
Sözdizimi
Bir öğenin başına metin ekleme:
$(seçici).prepend(metin);
Seçilen öğelerin başına, kullanıcı tanımlı bir fonksiyon tarafından döndürülecek metin eklenebilir. Fonksiyon, seçilen her bir öğe için ayrı ayrı çağrılır. Çağrıldığında kendisine şu parametreler iletilir: öğenin kümedeki konumu, öğenin mevcut içeriği:
$(seçici).prepend(function(kümedeki numara, öğenin mevcut içeriği));
İçerik yalnızca 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şınırlar.
Örnek
Belirli bir paragrafın başına metin ekleyelim:
<p id="test">metin</p>
$('#test').prepend('!!!');
HTML kodu şu şekilde görünecektir:
<p id="test">!!!metin</p>
Örnek
Belirli bir paragrafın başına etiketlerle birlikte metin ekleyelim:
<p id="test">metin</p>
$('#test').prepend('<b>!!!</b>');
HTML kodu şu şekilde görünecektir:
<p id="test"><b>!!!</b>metin</p>
Örnek
Tüm paragrafları bulalım ve her birinin başına kümedeki sıra numarasını koyalım:
<p>metin</p>
<p>metin</p>
<p>metin</p>
<p>metin</p>
<p>metin</p>
$('p').prepend(function(index, text) {
return index;
});
HTML kodu şu şekilde görünecektir:
<p>0metin</p>
<p>1metin</p>
<p>2metin</p>
<p>3metin</p>
<p>4metin</p>
