数据表点击td或td

Question

我正在使用数据表，我想知道，当我点击表格内部时，如果点击是在（链接）或td（单元格）上进行的。

<td>
    my text - <a href="mylink.html">mylink</a>
</td>

这是我的数据表初始化

oTable = $('#mytable').dataTable(
{
...
};

我点击td点击

oTable.on("click", 'td', function(e)
{
...
});

实际上，如果我点击td或a，我会得到相同的结果(this)。

感谢您的帮助。

Answer 1

如果您想点击a内的td，请使用：

oTable.on("click", 'td a', function(e)
{
...
});

希望这有帮助。

Answer 2

感谢haim770的快速提示，我找到了如何解决我的问题

event.target属性返回DOM元素，因此我可以检索具有值的属性/属性。

event.target.tagName属性专门用于元素节点（类型1节点）以获取元素的类型。

否则other types of nodes可用（评论，属性，文本等）。要获取节点类型的名称，我使用nodeName property。

对元素节点使用nodeName时，我会获取其标记名称，因此可以使用其中任何一个，但我会得到{{3} }使用nodeName时。

在我的情况下，我将不得不用来获得一个href URl链接：

oTable.on("click", 'td', function(e)
{
    var $a = $(this).children('a');
    var contactUrl = $a.attr('href');
});