Metode nextUntil pada jQuery

21/10/2019    Risman Hakim    540    Website

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.

jQuery

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More
chatarrow