jquery表選擇和數據檢索

Question

我正在使用一個包含可用時間安排的html表。我希望用戶能夠點擊某個時間，並從中獲得列標題，即員工姓名和單元格的值 - 時間。我不想將單元格的內容更改爲「NA」，並將單元格背景設置爲某種顏色。我一直在玩這個遊戲一段時間沒有運氣。我是JavaScript和jquery的新手。任何幫助將不勝感激。

Answer 1

這應該是一個可行的jquery任務，只要你有適當的選擇器。所以你需要一種將每個時間單元與一個標題單元相關聯的方法。要做到這一點我想補充一個用戶ID的頭和身體的細胞：

<th class="header" id="1">Bob</th> 

<td class="selectable" id="10" name="1">10:00 AM</td> 

那麼對於jQuery的：

$("table#timetable tbody tr td").click(function(){ 
    var user_id = $(this).attr('name'); 
    var user_name = $("table#timetable thead tr th#" + user_id).html(); 
    var time = $(this).attr('id'); 
    $(this).html('N/A'); 
    $(this).css('background':'#990000'); 
    alert(user_id + ' ' + user_name + ' ' + time); 
});