jQuery affecter un lien href à son élément parent

Question

Je souhaite créer une cellule <td> avec le lien qui s'y trouve. Code:

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

Ainsi, lorsque l'utilisateur clique sur ne importe où dans cette cellule active le lien plutôt que sur le texte. Il existe différentes marges et bourrages sur la cellule qui empêchent l'expansion de href pour remplir toute la cellule. Il y aura aussi beaucoup de cellules à appliquer avec des liens différents dans chacun d'eux.

Comme toujours, toute aide appréciée. Merci.

Answer 1

Deux options: Utilisez CSS pour régler le pour remplir la cellule de table afin qu'il soit cliqué par l'utilisateur.

OU:

utilisation JQuery ...

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

Cela ouvrira l'événement, cliquez sur le lien et il suivra son comportement par défaut.

Answer 2

Essayez ceci:

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

Answer 3

Lorsque vous cliquez sur le td dont vous avez besoin pour obtenir l'attribut href:

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

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

    location.href = thisHref; 

}); 

jsbin example link