在網頁開發中,經常需要使用表格來展示數據。而有時候需要將表格中選中的行進行高亮或變色,以便于用戶進行更好的視覺區分。下面就是使用jQuery來實現表格選中行變色的方法。
$("表格選擇器 tr").click(function() {
$(this).addClass("選中的行的類名").siblings().removeClass("選中的行的類名");
});
代碼中,我們首先對表格中的所有行綁定了一個click
事件。當用戶點擊某一行時,該行將被加上指定的類名,而其它行則會被移除該類名,從而實現選中行變色的效果。
接下來,我們需要定義好該類名所對應的樣式,以讓選中的行呈現出指定的顏色。
.選中的行的類名 {
background-color: #ccc;
}
至此,我們就成功地完成了表格選中行變色的功能。