cara mendapatkan index dari element dengan jquery

Hay hay sohib coding dimanapun kamu berada, salam kenal dari kami team archives code yang selalu memberikan informasi koding yang diperlukan oleh banyak kalangan,,hehehe

Untuk kali ini kami akan memberikan informasi mengenai cara mendapatkan index dari element dengan jquery dengan metode yang gampang sob, mari sob..!!!

Ada kala nya kita ingin menambahkan class atau meremove class index tertentu. misal kita punya tag html seperti dibawah ini

<ul>
<li class="test">satu</li>
<li class="test">dua</li>
<li class="test">tiga</li>
<li class="test">empat</li>
<li class="test">lima</li>
<li class="test">enam</li>
</ul>

Permasalahannya muncul ketika kita ingin menambahkan class pada tag li yang ke tiga / keempat

Maka dari itu kita dapat menggunakan jquery untuk menambahkan class tersebut dangan menggunakan function :eq

Okey langsung saja kita ke koding jquerynya ya sob

Perhatikan kode dibawah ini

jQuery(document).ready(function() {
       jQuery( "li" ).eq( 2 ).addClass( "last" );
} );

Perhatikan kode yang berwarna merah, kita menggunakan function .eq untuk menggambil index dari li ke tiga dan menambahkan class last pada li ketiga..

Eng ing eng,,,,maka kode li nya menjadiii..

<ul>
<li class="test">satu</li>
<li class="test">dua</li>
<li class="test last">tiga</li>
<li class="test">empat</li>
<li class="test">lima</li>
<li class="test">enam</li>
</ul>

Okay sob, mudah bukan tinggal kita buat css nya mau dibuat seperti apa

Demimuanlah informasi penting mengenai cara mendapatkan index dari element dengan jquery sob, bila ada masukan yang sifatnya nembangun akan kami terima dengan lapang dada, bila masukannya sifatnya mengejek tetap akan kami tampung sebagai bahan motivasi kami dan akan kita maafkan,,sloww saja sob,,,,!!!

Share this post