Hai teman-teman semuanya? apa kabar,, semoga tetap dalam keadaan baik dan tetap semangat untuk belajar, pada tutorial sebelumnya saya telah membahas banyak sekali method yang ada pada jquery, dan seperti yang kita tau juga method didalam jquery sangatlah banyak, kemarin kita telah membahas fungsi method nextAll() dan pada tutorial kali ini kita akan belajar salah satu fungsi dari method yang ada pada jquery, yaitu kita akan belajar fungsi method nextUntil() pada jquery.

Kalau kemarin fungsi dari method nextall() adalah memfilter element setelah selector yang kita tentukan untuk dieksekusi, kali ini fungsi method nextUntil() adalah untuk menentukan batas awal dan batas akhir element yang akan kita eksekusi, untuk lebih jelasnnya kita langsung saja praktekan saja.

Pertama teman-teman silahkan buat sebuah file dan ketikan script berikut ini:

Saya membuat li sebanyak 7 buat dan pada li ketika dan li yang terakhir saya berikan class pertama dan terakhir, yang nanti berfungsi untuk menentukan batas awal dan akhirnya,

Sekarang kita beralih ke script jquerynya, silahkan teman-teman tambahkan script berikut ini :

saya mereload library dari jquerynya, serta membuat sebuah fungsi dimana pada li dengan class mulai sampai li dengan class berhenti akan memiliki style css

Sehingga kelengkapan scriptnya adalah seperti berikut ini :

Sekarang coba teman-teman save dan jalankan pada browser, maka hasilnya akan seperti berikut ini :

Belajar Fungsi Method nextUntil() Pada Jquery1

Hasilnya dari mulai li ke 4 sampai li ke 7 akan mengalami style seperti yang kita tentukan tadi, itulah fungsi dari method nextUntill().

Gimana teman-teman cukup mudah bukan? untuk tutorial kali ini cukup dulu, sampai bertemu lagi pada tutorial berikutnya.

Terima kasih.