Jquery .Next() Dan .Prev() - Dewa Blogger

Halaman

    Social Items

Buy Now
 dipakai untuk menyeleksi elemen sebelum elemen pemicu JQuery .next() dan .prev()

.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(); });

Coba Sendiri


Sumber https://www.dte.web.id/

Jquery .Next() Dan .Prev()

 dipakai untuk menyeleksi elemen sebelum elemen pemicu JQuery .next() dan .prev()

.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(); });

Coba Sendiri


Sumber https://www.dte.web.id/