Cara Seleksi Content dengan Fungsi last() di jQUery

Halo semuanya, apa kabar? terbaik dan nomor satu ya pastinya. Pada kesempatan kali ini saya akan berbagi ilmu kepada kalian tentang bagaimana Cara Seleksi Content dengan Fungsi last() di jQUery.

Jika pada tutorial sebelumnya saya membuat Cara Seleksi Content dengan Fungsi first() di jQuery yang fungsi nya itu menyeleksi content tapi hanya pada bagian awal selector saja. Nah untuk tutorial kali ini sesuai judul nya Cara Seleksi Content dengan Fungsi last() di jQUery, saya akan membuat cara seleksi tapi bagian akhir dari selector yang sudah kita pilih teman-teman.

Oke langsung saja, pertama-tama silahkan terlebih dahulu teman-teman buat file index.html nya.

Kemudian isikan library jquery nya di tag <head>,

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script>

Setelah itu buat tag-tag seperti di bawah di dalam tag <body>,

<h1>Selamat datang!</h1>
 
<div style="border:1px solid black">
  <p>ini paragraf di div.</p>
  <p>ini paragraf di div.</p>
</div><br>
 
<div style="border:1px solid black">
  <p>ini paragraf di lain div.</p>
  <p>ini paragraf di lain div.</p>
</div>
 
<p>ini paragraph di luar div.</p>

Dan terakhir buat script nya di dalam tag <head>,

<script>
$(document).ready(function(){
    $("div p").last().css("background-color", "yellow");
});
</script>

Maka outputnya akan seperti gambar di bawah,

Bagaimana teman-teman? cukup mudah bukan?

Sekian untuk tutorial kali ini tentang bagaimana Cara Seleksi Content dengan Fungsi last() di jQUery.

Semoga bermanfaat, terima kasih

Cara Seleksi Content dengan Fungsi last() di jQUery

Kategori