after Metodu
after metodu, belirtilen elementten sonra
metin ekler. Benzer şekilde çalışan
insertAfter
metodu da bulunmaktadır.
Sözdizimi
Elementten sonra metin ekleme:
$(selektör).after(metin);
Seçilen elementlerden sonra, kullanıcı tanımlı fonksiyon tarafından döndürülen metin eklenecektir. Fonksiyon, seçilen her element için ayrı ayrı çağrılır. Bu fonksiyonun ilk parametresine seçilen elementlerin küme içindeki sırası (sırayla), ikinci parametreye ise elementin mevcut içeriği gelir:
$(selektör).after(function(kümedeki sıra, elementin mevcut içeriği));
Metin sadece düz metin değil, aynı zamanda DOM elementi veya jQuery nesnesi de olabilir. Bu durumda, bu elementler HTML kodundaki kendi konumlarından taşınırlar.
Örnek
Belirtilen paragraftan sonra metin ekleyelim:
<p id="test">metin</p>
$('#test').after('!!!');
HTML kodu şu şekilde görünecektir:
<p id="test">metin</p>!!!
Örnek
Belirtilen paragraftan sonra etiketli metin ekleyelim:
<p id="test">metin</p>
$('#test').after('<p>!!!</p>');
HTML kodu şu şekilde görünecektir:
<p id="test">metin</p><p>!!!</p>
Örnek
Bir paragrafı diğerinin altına taşıyalım (yani paragrafı eski yerinden kesip yeni yerine koyalım):
<p id="p1">metin1</p>
<p id="p2">metin2</p>
$('#p1').after($('#p2'));
HTML kodu şu şekilde görünecektir:
<p id="p1">metin1</p>
<p id="p2">metin2</p>
Ayrıca Bakınız
-
belirtilen elementten sonra metin ekleyen
insertAftermetodu -
içeriği sayfada belirli bir yere eklemeye
izin veren
before,append,prependmetodları -
seçilen elementlerin kopyalarını oluşturan
clonemetodu
