append Metodu
append metodu, öğenin sonuna metin ekler.
Benzer şekilde çalışan
appendTo
metodu da bulunmaktadır.
Sözdizimi
Öğenin sonuna metin ekleme:
$(selektör).append(metin);
Seçilen öğelerin sonuna, kullanıcı tanımlı bir fonksiyon tarafından döndürülen 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:
$(selektör).append(function(kümedeki numara, öğenin mevcut içeriği));
İçerik yalnızca sıradan 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 sonuna metin ekleyelim:
<p id="test">metin</p>
$('#test').append('!!!');
HTML kodu şu şekilde görünecektir:
<p id="test">metin!!!</p>
Örnek
Belirli bir paragrafın sonuna etiketli metin ekleyelim:
<p id="test">metin</p>
$('#test').append('<b>!!!</b>');
HTML kodu şu şekilde görünecektir:
<p id="test">metin<b>!!!</b></p>
Örnek
Tüm paragrafları bulalım ve her birinin sonuna kümedeki sıra numarasını ekleyelim:
<p>metin</p>
<p>metin</p>
<p>metin</p>
<p>metin</p>
<p>metin</p>
$('p').append(function(index, text){return index;});
HTML kodu şu şekilde görünecektir:
<p>metin0</p>
<p>metin1</p>
<p>metin2</p>
<p>metin3</p>
<p>metin4</p>
