Traspaso de columna entre tablas
Los datos de la columna de una tabla se traspasan a la misma columna de otra tabla.
by Juan Muñoz
HTML
<table class="origen">
<tr data-id="a">
<td><input type="text"></td>
<td><input type="text"></td>
<td><input type="text"></td>
<td><input type="text"></td>
</tr>
<tr data-id="b">
<td><input type="text"></td>
<td><input type="text"></td>
<td><input type="text"></td>
<td><input type="text"></td>
</tr>
<tr data-id="c">
<td><input type="text"></td>
<td><input type="text"></td>
<td><input type="text"></td>
<td><input type="text"></td>
</tr>
<tr>
<td><input type="button" value="V"></td>
<td><input type="button" value="V"></td>
<td><input type="button" value="V"></td>
<td><input type="button" value="V"></td>
</tr>
</table>
<br>
<table class="destino">
<tr data-id="a">
<td><input type="text"></td>
<td><input type="text"></td>
<td><input type="text"></td>
<td><input type="text"></td>
</tr>
<tr data-id="c">
<td><input type="text"></td>
<td><input type="text"></td>
<td><input type="text"></td>
<td><input type="text"></td>
</tr>
</table>
<br>
<table class="destino">
<tr data-id="a">
<td><input type="text"></td>
<td><input type="text"></td>
<td><input type="text"></td>
<td><input type="text"></td>
</tr>
<tr data-id="b">
<td><input type="text"></td>
<td><input type="text"></td>
<td><input type="text"></td>
<td><input type="text"></td>
</tr>
<tr data-id="c">
<td><input type="text"></td>
<td><input type="text"></td>
<td><input type="text"></td>
<td><input type="text"></td>
</tr>
</table>
JavaScript
$('input[type="button"]').click(function() {
var index = $(this).parent().index();
$(".origen").find("tr").each(function() {
var idTmp = $(this).data("id");
$(this).find("td:eq(" + index + ")").each(function() {
traspasa(idTmp, index, $(this).find("input:first-child").val());
});
});
});
function traspasa(id, index, value) {
$(".destino").find('tr[data-id="' + id + '"]').each(function() {
$(this).find("td:eq(" + index + ")").each(function() {
$(this).find("input:first-child").val(value);
});
});
}