3

Preciso executar a função abaixo, após a requisição do AJAX ele tem que remover a linha da tabela, se eu coloco o código que remove a linha direto na função ele remove a linha normalmente, mas se eu coloco dentro do success do AJAX ele não remove a linha e executa o alert normalmente no final.

$('#tabelaMaterial').on('click', '.icon-remove', function (event) {
    $.ajax({
        url: "/RCM/RemoveItemCarrinho",
        type: "POST",
        success: function () {
            $(this).closest('tr').remove();
            alert("Material removido!");
        }
    })
})

1 Resposta 1

6

É uma questão de escopo, o this lá no success é outra coisa:

$('#tabelaMaterial').on('click', '.icon-remove', function (event) {
    var $this = $(this);
    $.ajax({
        url: "/RCM/RemoveItemCarrinho",
        type: "POST",
        success: function () {
            $this.closest('tr').remove();
        }
    });
});

Relacionado: Qual a diferença entre $(this) e $this e this?

2
  • 1
    Funcionou certinho, muito obrigado. 22/10/2014 às 15:49
  • 1
    @Alan, acrescentei um link importante na resposta.
    – brasofilo
    23/10/2014 às 12:13

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .