jquery代碼實現一個3列6行的表格，第一列標頭是序號，第二列標頭是姓名，第三列標頭是分數，隔行添加背景顏色，低于60分的標紅
以下是使用jQuery代碼創建一個3列6行的表格，并根據要求添加背景顏色和標紅：
<!DOCTYPE html> <html> <head> <title>Table Example</title> <style> .table { border-collapse: collapse; width: 100%; } .table th, .table td { border: 1px solid black; padding: 8px; text-align: center; } .table th { background-color: #f2f2f2; } .table tr:nth-child(even) { background-color: #dddddd; } .table .red { color: red; } </style> </head> <body> <table class="table"> <thead> <tr> <th>序號</th> <th>姓名</th> <th>分數</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>張三</td> <td class="red">59</td> </tr> <tr> <td>2</td> <td>李四</td> <td>78</td> </tr> <tr> <td>3</td> <td>王五</td> <td class="red">55</td> </tr> <tr> <td>4</td> <td>趙六</td> <td>92</td> </tr> <tr> <td>5</td> <td>錢七</td> <td>80</td> </tr> <tr> <td>6</td> <td>孫八</td> <td class="red">45</td> </tr> </tbody> </table> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script> $(document).ready(function() { $('.table tr:even').addClass('even'); $('.table td').each(function() { if ($(this).text() < 60) { $(this).addClass('red'); } }); }); </script> </body> </html>在上述代碼中，我們使用了CSS樣式來設置表格的樣式，包括邊框、內邊距、背景顏色等。然后使用jQuery選擇器和方法來選中表格的行和單元格，并添加相應的類名來實現隔行添加背景顏色和標紅。
如果您的問題還未解決可以聯系站長付費協助。
有問題可以加入技術QQ群一起交流學習
本站vip會員 請加入無憂模板網 VIP群（50604020） PS:加入時備注用戶名或昵稱
普通注冊會員或訪客 請加入無憂模板網 技術交流群（50604130）
客服微信號：15898888535
聲明：本站所有文章資源內容，如無特殊說明或標注，均為采集網絡資源。如若內容侵犯了原著者的合法權益，可聯系站長刪除。
