Question

我这里有一个动态表，我需要提醒点击表格单元格的colspan值。我怎样才能使它成为可能

<table>
<thead>
<tr>
<th></th>
<th></th>
<th></th>
<tr>
</thead>
<tbody>
<tr>
<td colspan="2"></td>
<td></td>
<td colspan="3"></td>
</tr>
<tr>
<td></td>
<td colspan="1"></td>
<td></td>
</tr>
</tbody>
</table>

Answer 1

您可以使用：

$('body').on('click','td',function(){
  if($(this).hasAttr('colspan'))
   alert($(this).attr('colspan'));
});

Answer 2

$('table').on('click', 'td', function() {
    alert($(this).attr('colspan'));
}

Answer 3

你可以这样做：

$('table').on('click', 'td', function(){
  alert($(this).attr('colspan'));
});

Answer 4

对于动态元素，我们使用委托，因为表是动态的，所以你必须处理像bellow这样的事件。

$(document).on('click', 'td',function(){
    alert($(this).attr('colspan'))
});

如果td有colspan，它会提醒它的值，否则它会提醒undefined。

DEMO

BTW我的演示有一个静态表

Answer 5

$(function () {
    $('table').on('click', 'td[colspan]', function () {
        alert($(this).attr('colspan'));
    });
});

jsFiddle Demo

Answer 6

试试这个....请点击此处查看js FIDDLE/Demo。

$(document).ready(function(){
    $("table").on('click','td[colspan]',function()
                  {
                      console.log($(this));
                      var colspan_val = $(this).attr('colspan');
                      console.log(colspan_val);

                      alert('this is colspan');
                      alert('colspan value: '+colspan_val);

                  })
})

如何在click事件上提醒colspan值

6 个答案: