นี่เป็นฟังก์ชันที่ใช้งานได้จริงมากกว่า หลังจากตั้งค่าแถวคี่และแถวคู่เป็นสีที่ต่างกัน ประสบการณ์ในการอ่านข้อมูลตารางจะดีขึ้นอย่างเห็นได้ชัด มิฉะนั้น ข้อมูลจะดูซับซ้อนและหนาแน่นมาก (ประสบการณ์จะชัดเจนเป็นพิเศษเมื่อมีข้อมูลจำนวนมาก แถวของข้อมูลในตาราง) เฉพาะเมื่อคุณทำด้านนี้ด้วยตัวเองจริงๆ คุณจะมีประสบการณ์ที่แข็งแกร่ง อย่างไรก็ตาม ฉันเพิ่งประสบกับมัน ดังนั้นฉันจะทิ้งไว้ที่นี่เพื่อใช้อ้างอิง ~
รหัสสคริปต์ JS หลักมีดังนี้ (รหัสขององค์ประกอบตารางจะถูกปรับตามสถานการณ์ของคุณเอง jquery-1.7.min.js ในรหัสสามารถดาวน์โหลดได้จากเว็บไซต์อย่างเป็นทางการของ jquery)
คัดลอกรหัสรหัสดังต่อไปนี้:
<script src="jquery-1.7.min.js"></script>
<สคริปต์>
$(เอกสาร).ready(function(){
SetTableRowColor();
-
//ใช้ CSS เพื่อควบคุมสีของแถวคี่และคู่
ฟังก์ชั่น SetTableRowColor()
-
$("#Table tr:odd").css("สีพื้นหลัง", "#e6e6fa");
$("#Table tr:even").css("สีพื้นหลัง", "#fff0fa");
-
</สคริปต์>