Mengambil elemen terakhir menggunakan jQuery

last()

Adalah metode jQuery yang digunakan untuk mengambil elemen terakhir dari objek DOM (Document Object Model).

Syntax:

$(‘selector’).last()

Keterangan:

  • selector disini adalah selector CSS.

Contoh Kasus:

Saya mempunyai list seperti berikut ini:

Setting | Personnel Admin | Payroll | Leave | Training | Performance

Kode yang sudah dibuat:

<style> 

li{

display:inline;

}

</style>

<ul>

<li>Setting | </li>

<li>Personnel Admin | </li>

<li>Payroll | </li>

<li>Leave | </li>

<li>Training | </li>

<li>Performance</li>

</ul>

Pertanyaan:

Bagaimana cara saya untuk mengganti  nilai elemen list yang terakhir menjadi Notification … ?

Jawaban:

Kamu bisa gunakan kode berikut ini:

$(‘li’).last().text(‘Notification’)

Keterangan:

  • Kode diatas berarti kita mengambil elemen <li> yang terakhir lalu mengganti tulisannya dari ‘Performance’ menjadi ‘Notification’

 

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 *