Metode nextUntil pada jQuery

Metode nextUntil pada jQuery - Melanjutkan pembahasan tentang jQuery yaitu traversing jQuery, kali ini metode yang akan kita pelajari adalah nextUntil dan juga bagaimana cara penggunaannya pada elemen. Sebelum lebih jauh pada praktek cara penggunaannya saya akan bahas terlebih dahulu pengertian nextUntill. nextUntill merupakan metode atau cara untuk memilih semua selanjutnya sampai elemen atau seletor yang sudah kita tentukan.

Nah, supaya lebih jelas dan ada gambaran berikut akan saya praktekan bagaimana cara penggunaan dari metode nextUntill pada elemen li. Silahkan kalian bisa membuat list seperti berikut untuk memilih beberapa elemen dengan menggunakan metode nextUntill.

1. Metode nextUntill()

<body>
    <ul>
        <li>Mangga</li>
        <li id="buah">Anggur</li>
        <li>Semangka</li>
        <li>Apel</li>
        <li id="until">Rambutan</li>
        <li>Durian</li>
    </ul>
</body>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script>
    $("#buah").nextUntil("#until").css({
        background: 'darkcyan',
        padding: '10px',
        marginTop: '5px'
    });
</script>

Pada kode telah diset metode nextUntil yang artinya kita memilih list setelah selector id buah sampai dengan selector id until, yang mana list buahnya adalah semangka dan apel.

Baik, seperti itulah cara penggunaan metode nextUntill di jQuery, semoga pembahasan tentang Metode nextUntil pada jQuery ini bermanfaat. Selamat mencoba dan sampai jumpa diartikel selanjutnya.

21 Oktober 2019

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Kursus Postgre SQL Database Developer Terbaik 2024 di Jakarta
chat