Question

我希望通过其中的链接点击<td>单元格。代码：

<td class="block">
    <a href="expansion/r10_01.htm">text goes here</a>
</td>

因此，当用户点击该单元格中的任何位置时，链接会激活，而不仅仅是文本。单元格上设置了各种边距和填充，可以阻止href扩展以填充整个单元格。还有很多单元格可以应用于每个单元格中的不同链接。

一如既往，任何帮助表示赞赏。感谢。

Answer 1

两个选项：使用CSS设置填充表格单元格，以便用户点击它。

OR：

使用JQuery ......

$('.block').click(function() {
  $('a', this).click();
});

这将触发链接上的click事件，它将遵循其默认行为。

Answer 2

试试这个：

$(document).ready(function()
{
    $("td.block").click(function() 
    {
        var url = $("a", $(this)).attr("href");
        document.location = url;
    });
});

Answer 3

单击td时，需要获取href的属性：

$('td.block').click(function(){

   // get the href
   var thisHref = $(this).find('a').attr('href');

   location.href = thisHref;

});

jsbin example link

jQuery为其父元素分配href链接

3 个答案: