Ini adalah fungsi yang lebih praktis. Setelah mengatur baris ganjil dan genap ke warna yang berbeda, pengalaman membaca data tabel jelas akan menjadi lebih baik. Jika tidak, data akan tampak sangat rumit dan penuh sesak (pengalaman tersebut akan terlihat jelas jika jumlahnya banyak baris data tabel). Hanya ketika Anda benar-benar melakukan aspek ini sendiri, Anda akan mendapatkan pengalaman yang kuat. Bagaimanapun, saya baru saja mengalaminya, jadi saya akan meninggalkannya di sini untuk referensi~
Kode inti skrip JS adalah sebagai berikut (id elemen tabel disesuaikan dengan situasi Anda sendiri. Kode jquery-1.7.min.js dapat diunduh dari situs resmi jquery)
Copy kode kodenya sebagai berikut:
<skrip src="jquery-1.7.min.js"></skrip>
<skrip>
$(dokumen).siap(fungsi(){
SetTableRowColor();
});
//Gunakan CSS untuk mengontrol warna baris ganjil dan genap
fungsi SetTableRowColor()
{
$("#Tabel tr:ganjil").css("warna latar", "#e6e6fa");
$("#Tabel tr:genap").css("warna latar", "#fff0fa");
}
</scipt>