jQuery将href链接分配给其父元素

jQuery将href链接分配给其父元素,jquery,hyperlink,parent-child,Jquery,Hyperlink,Parent Child,我希望使一个单元格能够通过其内部的链接进行单击。代码: <td class="block"> <a href="expansion/r10_01.htm">text goes here</a> </td> 因此,当用户单击该单元格中的任何位置时,链接将激活,而不仅仅是文本上的链接。单元格上设置了各种边距和填充,阻止a href扩展以填充整个单元格。也将有许多单元格应用此功能,每个单元格中都有不同的链接 一如往常,任何帮助都将受到感激。

我希望使一个
单元格能够通过其内部的链接进行单击。代码:

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

因此,当用户单击该单元格中的任何位置时,链接将激活,而不仅仅是文本上的链接。单元格上设置了各种边距和填充,阻止a href扩展以填充整个单元格。也将有许多单元格应用此功能,每个单元格中都有不同的链接

一如往常,任何帮助都将受到感激。 谢谢。

试试这个:

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

两个选项:使用CSS设置填充表格单元格的值,以便用户单击它

或:

使用JQuery

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

这将在链接上触发click事件,并遵循其默认行为。

当您单击td时,您需要获取href的属性:

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

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

   location.href = thisHref;

});

谢谢,如果我在链接之后有额外的代码(我应该指出这一点),它是不会工作的。例如:如果你想启动一个“胖盒子”窗口,你可能想考虑JS1568的解决方案。这实际上会触发href上的单击事件,就好像它被实际单击一样。这样可以让thickbox正常工作。你能详细解释一下你的意思吗?文档的位置应重定向到
href
属性值中设置的整个值。您是在动态地构建
href
的值还是什么?不,它不是动态地构建的,它只是看起来不需要任何后续操作?在链接中。我想问题是它不知道这是一个thickbox链接,因为该值似乎没有被href复制。如上所述,js1568的解决方案工作得很好,它只会引起一个小冲突,产生一种手风琴式的效果。谢谢你的帮助。我发现这个解决方案比公认的答案更有效。谢谢这很好地工作,并携带了一些额外的参数与链接,这是伟大的,虽然它似乎触发其他影响的页面上的某些原因。我想我在某个地方不幸地遇到了冲突。