Question

我正在使用包含可用时间安排的html表。我希望用户能够点击一个时间，从中可以获得列标题，即员工姓名，以及单元格的值 - 时间。我想要将单元格的内容更改为“NA”并将单元格背景设置为某种颜色。我已经玩了一段时间而没有运气。我是javascripts和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);
});

jquery表选择和数据检索

1 个答案: