如何检查点击的行和列的jQuery数据?

时间:2016-07-27 15:16:02

标签: javascript jquery datatable

用例: 用户单击数据表单元格。根据该单元格的行和列,应执行某些操作。

如何检查是否没有点击某列,如果他没有点击该列,那么我会从他点击的行中检索信息并允许他根据该行执行操作信息。

我是这样做的并且有效:

  var validColumn = false;
  $('#fooTable tbody').on( 'click', 'td', function () {
    validColumn = $('#fooTable').DataTable().cell(this).index().column !== 5;
  });
  $('#fooTable tbody').on('click', 'tr', function () {
    if (validColumn) {
       //do stuff
    }
  });

但我觉得有一种更优雅的方法。

1 个答案:

答案 0 :(得分:0)

首先设置一个咏叹调到td来识别位置,类似于 表格中有6列,所以

<tr aria-number="1">
    <td aria-number="1">
    <td aria-number="2">
    <td aria-number="3">
    <td aria-number="4">
    <td aria-number="5">
    <td aria-number="6">
</tr>

相同的tr,认为是简单的方法

使用jQuery函数.parent(),发送$(this),所以。

var td = $(this).parent();//If the item clicked is something inside of td
var tr = $(this).parent().parent();//To select the tr where was clicked

打电话给咏叹调
if(td.attr('aria-number') == 6){ //do something; }