HTML: est-il possible de créer des étiquettes <td><tr> cliquables?

Question

Est-il possible de créer des étiquettes <td> ou <tr> cliquables?

Answer 1

<td><a href="foo">bar</a></td> 

Answer 2

<td><a name="foo"/>bar</td> 

Answer 3

Pour activer les tags non-lien en liens, utilisez la réponse de @Lie Ryan et mettre un a dans l'élément.

Pour pouvoir relier - un élément:

Utilisez un a

<a href="#idOfTheElement">Link to the element</a> 

et un point nommé:

<td id="idOfTheElement">contents</td> 

Answer 4

<td> s peuvent avoir un événement JavaScript onclick. À part cela, mettre un <a> dans la cellule du tableau, et lui donner une largeur fixe pour remplir la table (vous devez le faire display: block pour cela) est le moyen le plus fiable.

Answer 5

Si je comprends bien ce que vous entendez:

<td id="yourcell">Just a useless cell</td> 

... 
<a href="yourpage.html#yourcell">link</a> 

Reference

Answer 6

<td onclick="window.location = 'index.html';">cell content</td> 

index.html ci-dessus peuvent être une URL ou un lien de page interne. Remarque: le pointeur de la souris ne se transforme pas en une aiguille pointant lorsque vous passez la souris sur la cellule en utilisant cette méthode javascript, mais en cliquant sur la cellule, vous accédez à l'URL.

Answer 7

Voici la façon correcte de le faire en utilisant jquery.

$(document).ready(function() { 

$('#tableid tr').click(function() { 
    var href = $(this).find("a").attr("href"); 
    if(href) { 
     window.location = href; 
    } 
}); 
}); 

Si vous voulez que toutes les cellules soient cliquables, vous devez mentionner "td" dans la fonction de clic.