detach Metodu

detach metodu, seçilen öğeleri kaldırır ve daha sonra geri eklenebilmelerini sağlar. Bu yöntem, kaldırılan öğeleri daha sonra eklemek istediğimizde kullanışlıdır.

Sözdizimi

Öğeleri bu şekilde kaldırırız. Ek olarak, isteğe bağlı selector parametresini ileterek seçilen öğeleri filtreleyebiliriz:

javascript.detach([seçici]);

Örnek

#test kimliğine sahip paragrafı detach metoduyla kaldıralım ve öğeyi div içine eklemek için appendTo metodunu kullanarak geri ekleyelim:

html<p id="test">metin</p>
<div></div>
javascriptlet $elem = $('#test');

$elem.detach(); // öğeyi kaldır
$elem.appendTo('div'); // öğeyi sayfaya geri ekle

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

html<div><p id="test">metin</p></div>

Ayrıca Bakınız

  • remove metodu,
    öğeleri geri eklenemeyecek şekilde kaldırır
  • empty metodu,
    seçilen öğelerin içeriğini kaldırır
  • JavaScript remove metodu,
    bir öğeyi kaldırmaya olanak tanır