Iniciar sesión
Crear cuenta
Crear cuentaCrear cuenta(17)
(17)<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js" type="text/javascript"></script>
<script>
$(document).ready(function(){
$(".boton").click(function(){
var valores="";
// Obtenemos todos los valores contenidos en los <td> de la fila
// seleccionada
$(this).parents("tr").find("td").each(function(){
valores+=$(this).html()+"\n";
});
alert(valores);
});
});
</script>
<style>
.boton {border:1px solid #808080;cursor:pointer;padding:2px 5px;color:Blue;}
</style>
</head>
<body>
<table border="1" cellspacing="0" cellpadding="5">
<tr>
<td>val 1</td>
<td>val 2</td>
<td>val 3</td>
<td class="boton">coger valores de la fila</td>
</tr>
<tr>
<td>val 4</td>
<td>val 5</td>
<td>val 6</td>
<td class="boton">coger valores de la fila</td>
</tr>
<tr>
<td>val 7</td>
<td>val 8</td>
<td>val 9</td>
<td class="boton">coger valores de la fila</td>
</tr>
</table>
</body>
</html>
Comentarios sobre la versión: Versión 1.0 (17)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js" type="text/javascript"></script>
<script>
$(document).ready(function(){
$(".boton").click(function(){
var valores="";
// Obtenemos todos los valores contenidos en los <td> de la fila
// seleccionada
$(this).parents("tr").find("#numero").each(function(){
valores+=$(this).html()+"\n";
});
console.log(valores);
alert(valores);
});
});
</script>
<style>
.boton {border:1px solid #808080;cursor:pointer;padding:2px 5px;color:Blue;}
</style>
</head>
<body>
<table border="1" cellspacing="0" cellpadding="5">
<thead>
<tr>
<td>Nombre 1</td>
<td>Nombre 2</td>
<td>Apellido 1</td>
<td>Mantenimiento</td>
</tr>
</thead>
<tr>
<td id="numero">Kevin</td>
<td>Joseph</td>
<td>Ramos</td>
<td class="boton">coger valores de la fila</td>
</tr>
<tr>
<td id="numero">Viviana</td>
<td>Belen</td>
<td>Rojas</td>
<td class="boton">coger valores de la fila</td>
</tr>
<tr>
<td id="numero">Junior</td>
<td>Gerardo</td>
<td>Nosé</td>
<td class="boton">coger valores de la fila</td>
</tr>
</table>
<br>
<form action="">
<label for="">Nombre</label>
<input type="text" value="">
</form>
</body>
</html>
Reemplazar esto :
-----------------------------------------------------------------
var valores="";
$(this).parents("tr").find("td").each(function(){
valores+=$(this).html()+"\n";
});
-----------------------------------------------------------
Por esto :
----------------------------------------------------------
var valores = new Array();
i=0;
$(this).parents("tr").find("td").each(function(){
valores[i] =$(this).html();
i++;
});
--------------------------------------------------------------
De esta forma "valores" es ahora un array lo que es mucho mas funcional que una variable ya que podemos acceder a cualquier elemento de la fila por su posición, por ejemplo si queremos obtener el primer elemento lo obtendremos con la expresión valores[0] o de la misma forma si queremos obtener el quinto elemento lo obtenemos con valores[4].
Espero les sirva
Sldos
en la codificacion:
var valores="";
// Obtenemos todos los valores contenidos en los <td> de la fila
// seleccionada
$(this).parents("tr").find("td").each(function(){
valores+=$(this).html()+"\n";
});
Cambiala por: donde el retorno se dividen los elementos por un espacio en blanco u otro elemento que consideres
var valores="";
// Obtenemos todos los valores contenidos en los <td> de la fila
// seleccionada
$(this).parents("tr").find("td").each(function(){
valores+=$(this).html()+" ";
});
// Realizas un split de la cadena de retorno
// NumerodeElementosaRetornar: Cuantos elementos se desean de la cadena
var arreglo = valores.split(" ", NumerodeElementosaRetornar)
luego en: arrego[0], arrego[1], etc. Estan los elementos deseados
debes controlar el caso en el cual los elementos poseen espacios vacios o el indicador por el cual estas dividiendo.