Jquery .After() Metodu (Bir Nesnenin Ardına Bir Başka Nesne Ekleme)

Tahribat.com Forumları
line

Html - CSS - XML - JavaScript - Ajax
line

Jquery .After() Metodu (Bir Nesnenin Ardına Bir Başka Nesne Ekleme)

12/Oca/15 14:13

Kısayol

Şikayet

Özel Mesaj

camarade
ontedi

Kayıt Tarihi: 04/Eylül/2005

jQuery after() metodu, belirli bir elementten sonra gelmesini istediğimiz html elementini oluşturan metod.

"div" elementinin ardında "p" elementi oluşturalım

Örnek 1 (jQuery)

jQuery(document).ready(function () {
    jQuery("div").after("<p>div elementinin ardına eklenen p elementi</p>");
});

Örnek 1 (Css)

div{width:50px;height:50px;background:blue;}
p{background:rgb(204, 204, 204);color:#000;padding:3px;margin:2px 0px 3px 0px;}

Örnek 1 (Elementler)

<div></div>

"div" elementlerinden 3.sünün ardına p elementi ekleme

Örnek 2 (jQuery)

        jQuery(document).ready(function () {
            jQuery("div:eq(2)").after("<p>div elementinin ardına eklenen p elementi</p>");
            //Eleman dizilimi 0'dan başlamaktadır.
            //1. elemanı seçmek için eq(0), 2. elemanı seçmek için eq(1) olarak belirtmemiz gerekirdi.
        });

Örnek 2 (Css)

div{width:100px;height:50px;background:blue;margin-bottom:3px;line-height:50px;color:#fff;text-align:center;}
p{background:#ccc;color:#000;padding:3px;margin:2px 0px 3px 0px;}

    <div>1. eleman</div>
    <div>2. eleman</div>
    <div>3. eleman</div>
    <div>4. eleman</div>
    <div>5. eleman</div>
    <div>6. eleman</div>
    <div>7. eleman</div>
    <div>8. eleman</div>

Örnek ve test adresi.

http://www.ontedi.com/javascript/jquery-after-metodu

Matematikçi ve Yazılımcı. http://www.ontedi.com ve http://www.cizgi.site Siteme beklerim herkesi.

Alıntı yap

Toplam Hit: 723 Toplam Mesaj: 1

Cevapla