Eu tenho vários botões onde no clique do mesmo direciona a uma requisição Ajax passando como parâmetro o id de um produto e por meio de um arquivo externo, segundo o mesmo é adicionado ao carrinho porém isso não é tão relevante assim. Outra coisa não tão importante assim nesse caso é que quando esse botão é clicado seu texto é mudado de "Comprar" para "Remover" e vice-versa. No sucesso dessa requisição, eu pego o retorno que o arquivo externo me traz(um array) e "monto" isso para ser exibido na página HTML
. Eu queria saber como posso remover esse .append
que faço.
Obs: o HTML
é montado em uma classe chamada .item-custom
onde no carregamento da página já vem preenchida com outras coisas e se eu uso o código $j('.item-custom').remove();
tudo o que há dentro dessa classe é removido, porém eu só desejo remover o .append()
que faço.
Código do botão:
<button type="button" class="button btn-cart" onclick="addCartao('<?php echo $_product->getId(); ?>')" name="cartaoMensagem<?php echo $_product->getId(); ?>"><span><span>Comprar</span></span></button>
Código da requisição Ajax:
function addCartao(product_id){
$j.ajax({
type: "POST",
url: "adicionar.php",
data: {
product_id: product_id
},
dataType: 'json',
cache : false,
beforeSend: function () {
},
success: function (retorno) {
var button = $j('button[name=cartaoMensagem' + product_id + ']');
if($j(button).text() == 'Comprar'){
$j('#cartao').find(':button').not(button).attr('disabled',true);
$j(button).html('<span>Remover</span>');
$j('.item-custom').append('<tr><td class="a-center lc-thumbnails"><img src="' + retorno['imagem'] + '" width="50" height="50" alt="' + retorno['name'] + '"></td><td><h3 class="product-name">' + retorno['name'] + '</h3></td><td class="a-center">1</td><td class="a-right"><span class="cart-price"><span class="price"> R$ ' + retorno['price'] + '</span></span></td></tr>');
} else{
$j('#cartao').find(':button').attr('disabled',false);
$j(button).html('<span>Comprar</span>');
}
},
complete: function () {
},
error: function (x,y,z) {
alert("error");
alert(x);
alert(y);
alert(z);
window.location.reload();
history.go(0);
window.location.href=window.location.href;
}
});
}
Remover
certo?