Skip to main content
se añadieron 8 caracteres en el cuerpo
Origen Enlace
Spank
  • 349
  • 1
  • 8

Te dejo el enlace al ejercicio de como enviar datos de una tabla a otra y te explico brevemente como funciona:

En la primer tabla tengo datos fijos que son los que utilizare para enviar la fila a otra tabla

<table id="tabla1" border="1" width="100%">
  <tr>
    <td>A1</td>
    <td>A2</td>
    <td>A3</td>
    <td><input type="button" value="Eviar" class="envio"></td>
  </tr>
  <tr>
    <td>B1</td>
    <td>B2</td>
    <td>B3</td>
    <td><input type="button" value="Eviar" class="envio"></td>
  </tr>
  <tr>
    <td>C1</td>
    <td>C2</td>
    <td>C3</td>
    <td><input type="button" value="Eviar" class="envio"></td>
  </tr>
</table>

La segunda tabla esta vacia:

 
<table id="tabla2" border="1" width="100%">
</table>

Dentro la la tabla1 hay un boton que servira para la interaccion con el usuario y asi podra pasar la fila a la tabla que esta vacia, para eso tenemos el siguiente codigo

$('.envio').on('click', function() {
    var hermano=$(this).parent();
    $("#tabla2").prepend("<tr>\
                                            <td>"+hermano.siblings("td:eq(0)").text()+"</td>\
                        <td>"+hermano.siblings("td:eq(1)").text()+"</td>\
                        <td>"+hermano.siblings("td:eq(2)").text()+"</td>\
                                        </tr>")
  });

Cuando se presione el boton lo que haremos sera regresar un nivel con la funcion parent() para ubicarnos al mismo nivel de los td, una vez ahí buscaremos a los hermanos de este td, por ejemplo A1,A2,A3 (para esto es la funcion siblings hermano.siblings("td:eq(1)")) con la opcion eq obtenemos cada uno de los elemento que queremos pasar a la tabla2 y obtenemos su texto con la funcion text().

Una vez que tenemos todos los datos la enviaremos a la tabla2 con la funcion $("#tabla2").prepend()

Te dejo el enlace para que veas como funciona https://jsfiddle.net/e8geuoez/

Te dejo el enlace al ejercicio de como enviar datos de una tabla a otra y te explico brevemente como funciona:

En la primer tabla tengo datos fijos que son los que utilizare para enviar la fila a otra tabla

<table id="tabla1" border="1" width="100%">
  <tr>
    <td>A1</td>
    <td>A2</td>
    <td>A3</td>
    <td><input type="button" value="Eviar" class="envio"></td>
  </tr>
  <tr>
    <td>B1</td>
    <td>B2</td>
    <td>B3</td>
    <td><input type="button" value="Eviar" class="envio"></td>
  </tr>
  <tr>
    <td>C1</td>
    <td>C2</td>
    <td>C3</td>
    <td><input type="button" value="Eviar" class="envio"></td>
  </tr>
</table>

La segunda tabla esta vacia:

 

Dentro la la tabla1 hay un boton que servira para la interaccion con el usuario y asi podra pasar la fila a la tabla que esta vacia, para eso tenemos el siguiente codigo

$('.envio').on('click', function() {
    var hermano=$(this).parent();
    $("#tabla2").prepend("<tr>\
                                            <td>"+hermano.siblings("td:eq(0)").text()+"</td>\
                        <td>"+hermano.siblings("td:eq(1)").text()+"</td>\
                        <td>"+hermano.siblings("td:eq(2)").text()+"</td>\
                                        </tr>")
  });

Cuando se presione el boton lo que haremos sera regresar un nivel con la funcion parent() para ubicarnos al mismo nivel de los td, una vez ahí buscaremos a los hermanos de este td, por ejemplo A1,A2,A3 (para esto es la funcion siblings hermano.siblings("td:eq(1)")) con la opcion eq obtenemos cada uno de los elemento que queremos pasar a la tabla2 y obtenemos su texto con la funcion text().

Una vez que tenemos todos los datos la enviaremos a la tabla2 con la funcion $("#tabla2").prepend()

Te dejo el enlace para que veas como funciona https://jsfiddle.net/e8geuoez/

Te dejo el enlace al ejercicio de como enviar datos de una tabla a otra y te explico brevemente como funciona:

En la primer tabla tengo datos fijos que son los que utilizare para enviar la fila a otra tabla

<table id="tabla1" border="1" width="100%">
  <tr>
    <td>A1</td>
    <td>A2</td>
    <td>A3</td>
    <td><input type="button" value="Eviar" class="envio"></td>
  </tr>
  <tr>
    <td>B1</td>
    <td>B2</td>
    <td>B3</td>
    <td><input type="button" value="Eviar" class="envio"></td>
  </tr>
  <tr>
    <td>C1</td>
    <td>C2</td>
    <td>C3</td>
    <td><input type="button" value="Eviar" class="envio"></td>
  </tr>
</table>

La segunda tabla esta vacia:

<table id="tabla2" border="1" width="100%">
</table>

Dentro la la tabla1 hay un boton que servira para la interaccion con el usuario y asi podra pasar la fila a la tabla que esta vacia, para eso tenemos el siguiente codigo

$('.envio').on('click', function() {
    var hermano=$(this).parent();
    $("#tabla2").prepend("<tr>\
                                            <td>"+hermano.siblings("td:eq(0)").text()+"</td>\
                        <td>"+hermano.siblings("td:eq(1)").text()+"</td>\
                        <td>"+hermano.siblings("td:eq(2)").text()+"</td>\
                                        </tr>")
  });

Cuando se presione el boton lo que haremos sera regresar un nivel con la funcion parent() para ubicarnos al mismo nivel de los td, una vez ahí buscaremos a los hermanos de este td, por ejemplo A1,A2,A3 (para esto es la funcion siblings hermano.siblings("td:eq(1)")) con la opcion eq obtenemos cada uno de los elemento que queremos pasar a la tabla2 y obtenemos su texto con la funcion text().

Una vez que tenemos todos los datos la enviaremos a la tabla2 con la funcion $("#tabla2").prepend()

Te dejo el enlace para que veas como funciona https://jsfiddle.net/e8geuoez/

Origen Enlace
Spank
  • 349
  • 1
  • 8

Te dejo el enlace al ejercicio de como enviar datos de una tabla a otra y te explico brevemente como funciona:

En la primer tabla tengo datos fijos que son los que utilizare para enviar la fila a otra tabla

<table id="tabla1" border="1" width="100%">
  <tr>
    <td>A1</td>
    <td>A2</td>
    <td>A3</td>
    <td><input type="button" value="Eviar" class="envio"></td>
  </tr>
  <tr>
    <td>B1</td>
    <td>B2</td>
    <td>B3</td>
    <td><input type="button" value="Eviar" class="envio"></td>
  </tr>
  <tr>
    <td>C1</td>
    <td>C2</td>
    <td>C3</td>
    <td><input type="button" value="Eviar" class="envio"></td>
  </tr>
</table>

La segunda tabla esta vacia:

Dentro la la tabla1 hay un boton que servira para la interaccion con el usuario y asi podra pasar la fila a la tabla que esta vacia, para eso tenemos el siguiente codigo

$('.envio').on('click', function() {
    var hermano=$(this).parent();
    $("#tabla2").prepend("<tr>\
                                            <td>"+hermano.siblings("td:eq(0)").text()+"</td>\
                        <td>"+hermano.siblings("td:eq(1)").text()+"</td>\
                        <td>"+hermano.siblings("td:eq(2)").text()+"</td>\
                                        </tr>")
  });

Cuando se presione el boton lo que haremos sera regresar un nivel con la funcion parent() para ubicarnos al mismo nivel de los td, una vez ahí buscaremos a los hermanos de este td, por ejemplo A1,A2,A3 (para esto es la funcion siblings hermano.siblings("td:eq(1)")) con la opcion eq obtenemos cada uno de los elemento que queremos pasar a la tabla2 y obtenemos su texto con la funcion text().

Una vez que tenemos todos los datos la enviaremos a la tabla2 con la funcion $("#tabla2").prepend()

Te dejo el enlace para que veas como funciona https://jsfiddle.net/e8geuoez/