Jquery clone kullanımı

sezaialkan
Sezai Alkan Frontend Developer

Jquery clone fonksiyonu ile nesneler üzerinde kopyalama işlemi yapabiliriz. Bir nesneyi belirtilen bir nesnenin önüne veya arkasına kopyalama işlemi sağlayabiliriz.

<div id="copy">Kopyalanacak Div</div>
<p>p Etiketi</p>

Yukarıdaki satırlarda bir kopyalanacak div birde p etiketi oluşturulmuştur. Id si copy olan div i p etiketi öncesi ve sonrasına kopyalama işlemi sağlanacaktır.

Nesne önüne kopyalama yapmak

Belirtilen nesnenin önüne kopyalama işlemi sağlamak istiyor isek clone() fonksiyonu ile insertBefore() fonksiyonunu kullanarak, fonksiyon içerisinde nesnemizi belirtmemiz gerekmektedir.

<div id="copy">Kopyalanacak Div</div>
<p>p Etiketi</p>

<script type="text/javascript">
    $(document).ready(function(){
        $('#copy').clone().insertBefore("p"); //p etiketi öncesine ekleme yapma
    });
</script>

 

Nesnenin arkasına kopyalama yapmak

Belirtilen nesnenin arkasına kopyalama işlemi sağlamak istiyor isek clone() fonksiyonu ile insertAfter() fonksiyonunu kullanarak, fonksiyon içerisinde nesnemizi belirtmemiz gerekmektedir.

<div id="copy">Kopyalanacak Div</div>
<p>p Etiketi</p>

<script type="text/javascript">
    $(document).ready(function(){
        $('#copy').clone().insertAfter("p"); //p etiketi sonrasına ekleme
    });
</script>

Yorumlar

Yorum Yapabilmek İçin Giriş Yapmalısınız.
İlk Yorum Yapan Sen Ol!
Uçur Beni Kahramanım Yukarı Çık
Bu web sitesi çerezleri kullanıyor. Devam ederek çerez kullanımını kabul etmiş oluyorsunuz. Detay

Devam Etmek İçin Giriş Yapın

Kod Hocası İle Paylaşımda bulunabilir, Kendini geliştirebilirsin. Sende Hemen Giriş Yap Aramıza Katıl.

GirişKayıt Ol