php - jquery：在同一页面上选择具有多个不同 id 和其他 td 的单击的 td 表元素

Question

我正在构建调度软件。我正在使用许多表格来显示时间/日期等。

在一个特定的表格中，有一些带有 ID 的单元格列出了日期和员工 ID 号。

我正在尝试设置交易班次系统。单击单元格时，将执行 ajax 函数。

这是一个示例单元格：

<td id="tblcell-2013_03_13-id_3" class="displayShift">$data placed here</td>

jQuery代码：

$(document).ready(function () {

  // I can't do this because each id is different
  $("td#tblcell").click(function () {
    alert('it works!');

  });

  // I can't do this because there other other td elements on the same page in other tables
  $("td").click(function () {
    alert('it works!');
  });

});

如何设置一个在单击特定单元格时激活的函数，该单元格还将 var 数据传递给脚本中的函数，该脚本具有无法在此函数中引用的其他 td 表元素？

谢谢

Answer 1

您可以使用td[id^="tblcell"]选择器选择 ID 以开头的所有 TDtblcell

$('td[id^="tblcell"]').click(function() {
    // ... do stuff ...
});

带有选择器的属性值开始演示：http : //jsfiddle.net/ARkxD/