Fungsi end() dalam jQuery

end()

Adalah sebuah metode jQuery yang digunakan untuk mengakhiri operasi pemfilteran dalam chain yang sedang aktif dan mengembalikannya ke keadaan semula sebelum terjadinya operasi pemfilteran.

Contoh:

Saya mempunyai kode HTML seperti berikut ini:

<p>Saya sedang belajar metode end() <a>jQuery</a> dan saya juga sedang belajar <b>JAVA</b></p>

Permintaan:

  • Saya ingin memberikan warna merah pada elemen <a> yang merupakan turunan dari elemen <p>
  • Saya ingin memberikan warna biru pada elemen <b> yang merupakan turunan dari elemen <p>

Pertanyaan:

Bagaimana cara membuat kodenya dalam satu baris … ?

Jawaban:

Kamu bisa gunakan kode berikut ini:

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

<script>

$(function(){

$(‘p’).find(‘a’).css(‘color’, ‘red’).end().find(‘b’).css(‘color’, ‘blue’);

})

</script>

Keterangan:

  • $(function(), Kode yang berada dalam blok ini akan dijalankan setelah page selesai diload.
  • $(‘p’).find(‘a’).css(‘color’, ‘red’).end().find(‘b’).css(‘color’, ‘blue’), Kode ini digunakan untuk mencari elemen <a> yang merupakan turunan dari elemen <p> lalu memberinya warna merah, setelah itu fungsi end() mengembalikannya ke keadaan semula sebelum terjadinya operasi find(), setelah itu kode ini mencari elemen <b> yang merupakan turunan dari elemen <p> lalu memberinya warna biru.

Hasil:

 

end dalam jquery

 

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 *