jQuery Dokümantasyonu - replaceWith() Yöntemi

jQuery Etki Kılavuzu

Örnek

Her paragrafa kalın metin kullanarak değiştirin:

$(".btn1").click(function(){
   $("p").replaceWith("<b>Hello world!</b>");
});

Kişisel olarak deneyin

Tanım ve Kullanım

replaceWith() yöntemi, seçilen öğeyi belirtilen HTML içeriği veya öğesi ile değiştirir.

İpucu:replaceWith() ile replaceAll() Aynı etkiyi yapar. Fark, sözdizimde yatıyor: içerik ve seçici konumları ve replaceAll() fonksiyonunun kullanılamaması.

Sözdizimi

$().replaceWith(İçerik)
Parametreler Açıklama
İçerik

Gerekli. Seçilen öğenin içeriğini belirtin.

Mümkün olan değerler:

  • HTML kodu - örneğin ("<div></div>")
  • Yeni öğe - örneğin (document.createElement("div"))
  • Mevcut öğe - örneğin ($(".div1"))

Mevcut öğeler taşınmaz, sadece kopyalanır ve seçilen öğe içinde sarılır.
Gerekli. Değiştirilecek öğeyi belirtin.

Bir fonksiyon kullanarak öğeyi değiştirin

Bir fonksiyon kullanarak seçilen öğeyi yeni içeriğe değiştirin.

Sözdizimi

$().replaceWith(function())

Kişisel olarak deneyin

Parametreler Açıklama
function() Gerekli. Seçilen öğeyi değiştirecek yeni içeriği döndüren fonksiyon.

Daha fazla örnek

Yeni öğeyi öğe ile değiştirmek için kullanın
yeni bir DOM öğesi oluşturmak için document.createElement() kullanın, ardından bu öğeyi seçilen öğe ile değiştirin.

jQuery Etki Kılavuzu