0

Tengo este Ajax

$(function() {
    //function ajax
    $('.processPreset').click(function(e) {
        e.preventDefault();
        var checkedNames = '';
        var $things = $('.case:checked');
        if ($things.length > 0) {
            for (var i = 0; i < $things.length; i++) {
                checkedNames += $($things[i]).closest('tr').find('td:first').text();
                console.log(checkedNames);
            }

           $.ajax({
            url: 'http://localhost:3000/processPreset',
            method: 'post',
            data: { idArticulo: checkedNames },
            success: function(res) {
                console.log(res);
               // RefreshTable();
               //checkedNames += $($things[i]).closest('tr').find('td:first').remove();
            }
        });
        } else {
            alert('No tiene articulo seleccionado');
        }


    });

});

El cual lo que me hace es guardar un campo de la tabla

introducir la descripción de la imagen aquí

Lo que estoy tratando de hacer es que cuando guarde, me quite el campo de la tabla, ya sea eliminando o refrescando la tabla

6
  • Codigo de tu llenado de tabla en JS? Commented el 13 jul. 2017 a las 17:46
  • ¿Quieres que después de guardar te vacíe la tabla? La manera rápida: tbody.innerHTML = '';. La manera eficiente: while(tbody.firstChild) { tbody.removeChild(tbody.firstChild); }.
    – gugadev
    Commented el 13 jul. 2017 a las 18:09
  • No necesito limpiar toda la tabla, solo el item seleccionado.
    – Eduard
    Commented el 13 jul. 2017 a las 18:32
  • 1
    Entonces solo te bastaría $('.case:checked').eq(0).parent().parent().remove(). Lo que se traduce a: del checkbox seleccionado, selecciona su padre (td) y el padre de éste (tr) para finalmente eliminarlo.
    – gugadev
    Commented el 13 jul. 2017 a las 18:49
  • @GustavoGarcía muchas gracias, me sirvió.
    – Eduard
    Commented el 13 jul. 2017 a las 19:49

2 respuestas 2

1

Solo te basta seleccionar el checkbox que esté marcado, luego seleccionas al padre lejano que es el tr para finalmente aplicar remove.

$('.case:checked').eq(0).parent().parent().remove();
0

De la misma forma que usas esto $($things[i]).closest('tr').find('td:first').text(); para obtener el nombre, aplicale un hide, algo así $($things[i]).closest('tr').hide() si lo que quieres es solo dejar de mostrar la fila. Si quieres eliminarla $($things[i]).closest('tr').remove()

6
  • No funciona igual se queda en la tabla, ya lo intente.
    – Eduard
    Commented el 13 jul. 2017 a las 17:00
  • Ya veo, será porque $things[i] es el check, eso debe cambiar por la referencia de tu tabla
    – Hoscanoa
    Commented el 13 jul. 2017 a las 17:05
  • Entonces lo cambio por checkedNames ?
    – Eduard
    Commented el 13 jul. 2017 a las 17:09
  • Por la referencia de tu tabla var tabla = $('#idTabla');
    – Hoscanoa
    Commented el 13 jul. 2017 a las 17:11
  • Entonces quedaría de esta manera var tabla = $('#example-table').closest('tr').remove();
    – Eduard
    Commented el 13 jul. 2017 a las 17:32

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.