0

el proble que tengo es que este metodo jquery que esta dentro del ajax $(this).parent().parent("tr").remove(); no funciona y creo que es por que no reconoce la funcion this, si lo coloco arriba funciona perfectamente pero la idea es que funcione despues del success del ajax

$("#tablaproducto").on('click','.eliminar','.productotemp',function(e) {

    ideliminar =$(this).siblings("#ideliminar").val();

             var datos = new FormData();

            datos.append("ideliminar",ideliminar );


            $.ajax({
                headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
                url:"factura/eliminar",
                type: "POST",
                data: datos,
                cache: false,
                contentType: false,
                processData: false,
                success: function(respuesta){

                var obj = JSON.parse(respuesta);

                    if(obj.idproducto>= 0){

                     $(this).parent().parent("tr").remove();

                    }else{

                    alert('Error al ELiminar');


                    }
    }
        });


    });

aqui dejo el html

 <tbody style="background-color: white;" id="tablaproducto">
     @if($total==0)

            @else
   @foreach($valor as $key=>$productos)

        <tr>

            <th>{{$productos["nombre"]}}</th>
            <th>$ {{ number_format($productos["precio"], 0) }}</th>
            <th>{{$productos["cantidad"]}}</th>
            <th>$ {{ number_format($productos["total"], 0) }}</th>
            <th><img src="/imagenes/agregar.png"></th>
             <th><img id="eliminar" src="/imagenes/eliminar.png"><input type="number" id="ideliminar" value="{{$productos["idproducto"]}}" hidden></th>
        </tr>

        @endforeach
         @endif


  </tbody>
6
  • a que elemento te estas refiriendo cuando colocas this ?
    – Enzo
    Commented el 7 abr. 2020 a las 16:50
  • $("#tablaproducto") a este el funciona solo que no dentro del ajax Commented el 7 abr. 2020 a las 16:52
  • probaste agegando $("#tablaproducto") en vez del this?
    – Enzo
    Commented el 7 abr. 2020 a las 16:53
  • Si es lo que supongo, e hace referencia al objeto event. Podrías usar: e.target, en vez de this. Saludos Commented el 7 abr. 2020 a las 16:55
  • si agrego de esa manera funciona el problema es que al hacerlo asi borra el elemento aleatorio de la tabla y de la forma en que lo coloco borra justamente el elemento que le indico Commented el 7 abr. 2020 a las 16:55

2 respuestas 2

0

Dentro de la función success this cambia de contexto.

Al inicio del callback de click guarda en una variable el valor de this

let $this = $(this);    
let ideliminar = $this.siblings("#ideliminar").val();

De esa forma, puedes utilizarla dentro del callback o de cualquier función interna sin que pierda su contexto

success: function(respuesta){

    var obj = JSON.parse(respuesta);

        if(obj.idproducto>= 0){

         $this.parent().parent("tr").remove();

        } else{

        alert('Error al ELiminar');


        }
}
0

Tu problema muy probablemente se puede resolver utilizando funciones flecha.

Intenta definir tu función de la siguiente manera:

$("$tablaproducto").on("click", ".eliminar", ".productotemp", function(e) {
  // Tu contenido aquí
  
  $.ajax({
    // tus datos para la conexión,
    success: (respuesta) => {
      // Aquí la función que necesitas
    }
  });
});

Inténtalo y espero te funcione.

0

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.