1. 程式人生 > >jQuery UI table tr 點選事件 背景藍色

jQuery UI table tr 點選事件 背景藍色

jQuery UI 中的table,每個 tr 有單機事件,當點選某一個 tr 後,被點選 tr 背景色變藍,其他 tr 無背景色。

<table id="xxxGrid"></table>

遇到的問題:使用 js 或者 jQuery 動態新增的 tr 沒有這個單機事件。

解決辦法:為動態新增的 tr 設定 onclick 事件,onclick='setTableBackgroundColorTr(this)'

function setTableBackgroundColorTr(obj){
	$("#xxxGrid>tbody>tr").css("background-color", "");  // 取消table所有的tr背景色
	$(obj).css("background-color", "#c3ebff");<span style="white-space:pre">	</span>// 設定當前 tr 背景色
}