之前寫了使用DOM操作來讓表格變色 現在我們使用jquery可以更加方便。只用一行代碼就可以完成對表格的操作。
$("#table tbody tr:even").css("backgroundColor","#7FFFD4");
//獲取id為table的元素,然后尋找tbody標簽,在尋找索引值是偶數的tr元素,改變背景色
$("#table tbody tr:odd").css("backgroundColor","#C1C1C1");
//獲取id為table的元素,然后尋找tbody標簽,在尋找索引值是奇數的tr元素,改變背景色
$("#table tbody tr:lt(1)").css("backgroundColor","#7FFFD4");
//獲取索引小于1的tr不包括1
$("#table tbody tr:gt(1)").css("backgroundColor","#7FFFD4");
//獲取索引大于1的tr不包括1
$("#table tbody tr:eq(1)").css("backgroundColor","#7FFFD4");
//獲取索引等于1的trhtml代碼: <table id="table"> <tbody> <tr><td>花褪殘紅青杏小</td></tr> <tr><td>燕子飛時,綠水人家繞</td></tr> <tr><td>枝上柳綿吹又少</td></tr> <tr><td>天涯何處無芳草</td></tr> <tr><td>墻里秋千墻外道</td></tr> <tr><td>墻外行人,墻里佳人笑</td></tr> <tr><td>笑漸不聞聲漸悄,多情卻被無情惱。</td></tr> </tbody> </table>
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。