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()
<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.
Webinar Gratis 2024
Sabtu, 09 Maret 2024
10 Bahasa Rekomendasi Untuk Dipelajari di 2024
Python Developer, Data Science, Web Application
Minggu, 26 Mei 2024, 09.00-13.00 WIB
(4 Jam Membuat Backend di Laravel 11)
