
.prev() dipakai untuk menyeleksi elemen sebelum elemen pemicu, .next() dipakai untuk menyeleksi elemen sehabis elemen pemicu. Misalnya, kita mempunyai elemen berupa tombol dan satu buah elemen divisi:
<button>Klik!</button> <div></div>
Saat tombol tersebut diklik, kita harap elemen <div>
di bawahnya (dalam hal ini: elemen yang terletak sempurna sehabis tombol) akan beranimasi dengan efek .slideUp()
. Kita dapat menuliskan perintahnya menyerupai ini:
$('button').click(function() { $(this).next().slideUp(); });
Hal yang tidak jauh berbeda juga dengan .prev()
yang akan menyeleksi elemen yang berada sempurna sebelum elemen pemicu:
$('button').click(function() { $(this).prev().fadeOut(); });
Sumber https://www.dte.web.id/