Bagaimana cara menambahkan elemen kelas pada wadah dengan indeks tertentu?
Saya sedang mencoba ini sekarang yang seharusnya memengaruhi elemen pertama (toh tidak berhasil).
$('#resultsBox li:first-child').addClass('aaaa');
Tapi saya ingin dapat mengubah kelas elemen apa pun di wadahnya yang memiliki indeks.
Contoh, jika saya ingin memodifikasi elemen dengan indeks = 2.
<div id="resultsBox">
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</div>
Seharusnya menjadi:
<div id="resultsBox">
<ul>
<li></li> // Index 0
<li></li> // Index 1
<li class="selected"></li> // Index 2
</ul>
</div>
Solutip
Gunakan selector pertama:
$('#resultsBox li:first').addClass('aaaa');
dan untuk pemilihan elemen ketiga, Anda dapat menggunakan metode each() ada di jsFiddle.
$('ul li').each(function(i) {
if ( i === 2 ) {
$(this).addClass('aaaa');
}
});
atau Anda dapat melakukan ini dengan metode, contoh seperti yang disebutkan Jamiec & MrThys: tetapi setiap metode akan sangat berguna ketika keadaan menjadi rumit.
$('#resultsBox li').eq(2).addClass('aaaa');
