jQuery Döngüsüyle Beraber CSS Sınıf Injection

Aynı name/id/attribute taşıyan parent nesnelerin her brisinin child nesneleri içerisine bir sınıf injection gerektiğinde kullanılır:

Örnek:

    <ul id="list1" data-crmwll="listem1">
        <li class="item">Object 1</li>
        <li class="item">Object 1</li>
        <li class="item">Object 1</li>
    </ul>
    <ul id="list2" data-crmwll="listem2">
        <li class="item">Object 1</li>
        <li class="item">Object 1</li>
        <li class="item">Object 1</li>
    </ul>
    <style>
        .active {
            color: red;
        }
    </style>
    <script>
        $(document).ready(function () {
            $("[data-crmwll^='listem']").each(function () { //data-cromwell alt özelliği listem metnini içeren her nesneyi döngüe al
                $(this).find('.item').first().addClass("active"); //bulunan her nesenin altında item sınıfına ait her nesneye active sınıfını ekle
            });
        });
    </script>

Makale Tarihi: 30.12.2016 Gücellenme Tarihi: 22.02.2018

Yorum Yaz

Yorumlarınız denetimden geçtikten sonra yayınlanmaktadır...