Fungsi next() dalam jQuery

next()

Berfungsi untuk mengambil elemen tetangga yang mengikutinya/selanjutnya.

Syntax:

$(“selector”).next()

Contoh:

Buatlah satu file HTML bernama menu.html dengan isi seperti dibawah ini:

<html> 

<head>

<title>Belajar Fungsi next() dalam jQuery</title>

<style>

.merah{

color:red;

}

</style>

<script type=”text/javascript” src=”jquery_1.6.js”></script>
<script type=”text/javascript”>

$(document).ready(function(){

$(‘li.merah’).next().css(‘color’, ‘blue’);

})

</script>

</head>

<body>

<ul>

<li>Pepaya</li>

<li>Mangga</li>

<li>Jeruk</li>

<li>Alpukat</li>

<li>Sirsak</li>

</ul>

</body>

</html>

Keterangan:

  • $(‘li.merah’).next().css(‘color’, ‘blue’); Kode ini berarti jQuery mencari satu elemen tetangga setelah elemen ‘li’ yang mempunyai class=”merah”, ┬álalu memberinya warna biru.

Hasil:

Bukalah file menu.html melalui browsermu maka akan menampilkan seperti menu dibawah ini:

 

Jika tutorial ini bermanfaat silahkan katakan ‘Terima Kasih Fahmi Basya Kartapura‘.

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *