HTML: ¿hay alguna forma de hacer clic <td> o <tr> etiquetas?

Question

¿Hay alguna forma de hacer clic en las etiquetas <td> o <tr>?

Answer 1

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

Answer 2

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

Answer 3

Para activar las etiquetas fuera del enlace en enlaces, utilice @Lie Ryan 's respuesta y poner a en el elemento.

Para poder vincular a un elemento:

Utilice un a

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

y un punto llamado:

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

Answer 4

<td> s pueden tener un evento de JavaScript onclick.

Aparte de eso, poner un <a> en la celda de la tabla, y darle un ancho fijo para llenar la tabla (debe hacerlo display: block para eso) es la manera más confiable.

Answer 5

Si he entendido bien lo que quiere decir:

<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 anteriormente pueden ser cualquier URL o el vínculo interno. Nota: el puntero del mouse no se convierte en una mano señalando cuando pasa el mouse sobre la celda usando este método de javascript, pero al hacer clic en la celda, lo lleva a la URL.

Answer 7

Aquí está la forma correcta de hacerlo usando jquery.

$(document).ready(function() { 

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

Si desea que todas las celdas sean clicables, debe mencionar "td" en la función de clic.