jquery:选择单击的td表元素,在同一页面上有多个不同的id和其他tds

时间:2013-01-13 17:26:22

标签: php jquery selector

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

在一个特定的表中,有一个id为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表元素的脚本中的函数?

感谢

1 个答案:

答案 0 :(得分:1)

您可以使用td[id^="tblcell"]选择器选择ID为tblcell的所有道明

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

使用选择器对属性值启动进行演示:http://jsfiddle.net/ARkxD/