Código JQuery:
<script type="text/javascript">
$(document).on("ready", function(){
$("#area_tabla table tr td").click(function() {
var celda = $(this);
alert(celda.html());
});
});
</script>
Código HTML:
<div id="area_tabla">
<table border="1">
<tbody>
<tr>
<td>Contenido 1</td>
<td>Contenido 2</td>
</tr>
</tbody>
</table>
</div>
Así quedaría, da clic dentro de la celda para ver el resultado
| Contenido 1 | Contenido 2 |
el codigo en esta pagina sirve, al momento en que hago la prueba en un archivo de mi servidor no funciona... :/
ResponderEliminarCheca Samuel si con este código te funciona, quizás faltaba la librería de jquery en tu archivo
ResponderEliminar<html>
<head>
<title>Extraer valor de celda en una tabla</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).on("ready", function(){
$("#area_tabla table tr td").click(function() {
var celda = $(this);
alert(celda.html());
});
});
</script>
</head>
<body>
<div id="area_tabla">
<table border="1">
<tbody>
<tr>
<td>Contenido 1</td>
<td>Contenido 2</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
A mi me pasa lo mismo, aqui si funciona pero en mi codigo no y si tengo la libreria de Jquery.
ResponderEliminarEs un error simple amigxs, solo falta la etiqueta de cierre del script!
ResponderEliminarGracias a DataGuerrero por tan buen post.
Hola amigxs, es solo la falta de la etiqueta de cierre de script, nada más se debe de agregar y listo, el código desarrollado por Guerrero ya funcionará perfectamente!
ResponderEliminarSi funciono, gracias
ResponderEliminar