Hola buenas tengo 2 tablas (adjunto imagen), mi idea es tomar una fila de una de ellas y enviarla a la otra, lo hago mediante javascript y la toma de datos la veo correcta, pero no hace el append
Imagen de las Tablas
este es mi código en javascript
$(document).ready(function () {
$(".btnAgregar").on("click", function () {
var id = $(this).data("id");
var price = $(this).data("price");
var name = $(this).data("name");
var button = $(this).data("button");
var html = "<tr>";
html += "<td>" + id + "</td>";
html += "<td>" + name + "</td>";
html += "<td>" + price + "</td>";
html += "<td>" + button + "</td></tr>";
alert(html);
$(html).appendTo($("table:eq(0)").find("#table-body-venta-agregadas"));
});
el alert enviá lo siguiente
este es el código de mi segunda tabla
<table class="table table-bordered table-sm">
<thead class="thead-dark">
<tr>
<th scope="col">Codigo</th>
<th scope="col">Nombre</th>
<th scope="col">Precio</th>
<th scope="col">Eliminar</th>
</tr>
</thead>
<tbody id="table-body-venta-agregadas">
</tbody>
</table>
sinceramente no veo fallas, pero espero que uno de ustedes si
alert()
.alert()
?alert()
iba a mostrar la cadena literalmente. Si querías ver ese tipo de cambios tenías que usar algún método que modificara el DOM.