identificar el td seleccionado usando javascript en html

Tengo una tabla que contiene 100 filas y td. como ver a continuación

 .... 
Artcle details 1
Artcle details 2
Artcle details 3
Artcle details 4

Cuando un usuario hace clic en un contenido de td, quiero mostrar una tabla de contenido separada con respecto a la tabla seleccionada. Quiero mostrar el contenido en una tabla separada. Me refiero al lado de la mesa seleccionada. Mi pregunta es que

Cómo identifico qué tabla se selecciona (sin pasar ningún argumento, por ejemplo: funshow (td_id1) etc.)

¿Alguien sabe esto?

Puede adjuntar un controlador de click a cada elemento tr en la table . Una vez hecho clic en este controlador, se invocará y podrá obtener el elemento DOM subyacente. Una vez que tenga el elemento, puede modificar su contenido. Dependiendo de si está utilizando un marco de JavaScript o no, la forma de lograr esto variará. Por ejemplo, usando jQuery :

 $(function() { $('table tr').click(function() { $(this).html('some new contents'); }); }); 

Sobre la mesa, coloca un evento onclick:

El HTML:

 ...

El javascript:

 function lineSelected(ev){ var target = ev.target || ev.srcElement; // target is the clicked element (TD, TR,...) // Place here the code to detect which line is selected, ie: // content of a cell in that row, counting the lines, an id on the tr,... } 

Esta es la forma antigua de adjuntar eventos a un elemento DOM, pero es un navegador cruzado y fácil de iniciar. Luego puede comenzar a usar attachEvent o addEventListener

   

Se adjuntará a cada td en la tabla con los articles id un manejador de click . El contenido del td tdcontent se escribirá en un elemento con la clase tdcontent . No debería ser difícil personalizar este ejemplo para sus propias necesidades.

jQuery