jQuery назначает ссылку href на родительский элемент

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

При нажатии на тд вам нужно получить атрибут href:

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

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

   location.href = thisHref;

});

jsbin пример ссылки

Answer 3

Попробуйте это:

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