Cita:
Iniciado por Diego89 Cambia tu html por esto:
Código HTML:
<table width="100%" border="2">
<!-- Agregue un tributo data-* para poder recuperar el valor, el nombre de data puede ser lo que tú quieras en este casi es valor -->
<tr data-valor="valor" class="click">
<td>Prueba</td>
</tr>
<tr data-valor="valor2" class="click">
<td>Prueba</td>
</tr>
<tr data-valor="valor3" class="click">
<td>Prueba</td>
</tr>
</table>
Agregue el atributo data para poder recuperar el valor de tu tr, ahora con una libería de Javascript en este caso jQuery has esto
Código Javascript
:
Ver original$(function(){
$(".click").click(function(e) {
e.preventDefault();
var data = $(this).attr("data-valor");
alert(data);
});
});
Con eso podrías recuperar el valor de tu tr, te adjunto mi jsfidle para que lo puedas probar recuerda darle click al boton run para que lo veas en funcionamiento, haz click sobre los tr para que funcione el alerta.
http://jsfiddle.net/DiegoSeC/CQdMU/ Convengamos que usar jQuery solo para eso es un exabrupto
Código HTML:
Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <title>Recuperar datos de celdas en una fila
</title> /*<![CDATA[*/
tr{
background: cyan;
}
/*]]>*/
<script type="text/javascript"> //<![CDATA[
function valor_celda(celda){
alert(celda.innerHTML);
}
window.onload = function(){
var tags_td = new Array();
var tags_td=document.getElementsByTagName('td');
for (i=0; i<tags_td.length; i++) {
if (tags_td[i].addEventListener) { // IE9 y el resto
tags_td[i].addEventListener ("click", function () {valor_celda(this)}, false);
}
else {
if (tags_td[i].attachEvent) { // IE9 -
tags_td[i].attachEvent ('onclick', function () {valor_celda(this)}, false);
}
}
}
}
//]]>
<table border="1" width="50%">