jQuery：在同一页面上选择具有多个不同ID和其他tds的单击的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以tblcell开头的tblcell

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

带有选择器的attribute-value-starts-的演示 ： http : //jsfiddle.net/ARkxD/