Remove item carregado por ajax

[Alexandre_Santos 0]

Tenho a seguinte função

 

$('.excluir').live('click',function(e){
	e.preventDefault();
	var id = $(this).attr('href');
	jConfirm('Deseja realmente deletar esse item?', 'Excluir item', function(r) {
           if(r == true){
           	$.post('/admin/imoveis/excluiritem',{'id':id}, 
                   function(resposta){
               	   if(!resposta){
                   	   $('#tr'+id).remove();
                   	   jAlert('Registro removido com sucesso!','ok',function(r){

                   	   });
               	   }else{
               		   jAlert(resposta,'Falha',function(r){

                   	   });
               	   }
           	    },'json'
       	    );
           }
        });
});

 

Ela funciona corretamente, só que o comando $('#tr'+id).remove(); não funciona quando esse elemento foi criado via ajax, alguém pode me dar um luz para resolver esse problema?

[William Bruno 1501]

em vez de usar essa concatenação, navegue pelo DOM, usando .find(), .parent()...

 

e em qual momento você cria esse elemento ?

[Alexandre_Santos 0]

Eu tenho um link que cria e outro que exclui etão ele pode ser criado a qualquer momento!

Vou tentar navegar pelo DOM

[RoyalFlush 0]

Coisas assim acontecem comigo direto, e muitas vezes tenho q pegar pelo ID mesmo

Se você chamar essa função de algum lugar externo funciona . . .

 

por ex

 

<div id="main">
   <div id="ajaxLoader">
       <!-- Vamos supor q você carrega seus ajax aqui -->
   </div>
   <a href="javascrip:void(0)" class="excluir">Excluir</a> <!-- Se a função for disparada aqui vai funcionar -->
</div>

 

[]'s

[William Bruno 1501]

Poste o código do link que cria.

 

E uma idéia de como é a estrutura.. tem 1 que cria ? e varios q excluem ?

Poste o trecho HTML para analisarmos, e sugerirmos algo.

[Alexandre_Santos 0]

sim um link cria e vários excluem

 

$('.isNovo').click(function(){
	jPrompt('Novo Item:', '', 'Inserir Novo Item', function(r) {
	    if( r ){ 
		    // alert('You entered ' + r);
	    	$.post(
					"/admin/imoveis/inseriritem/",
					{'item':r},
					function(json){
						window.location.reload();
						temp='<tr id="tr'+json+'">';
						temp +='<td width="" style="text-align:center">'+json+'</td>';
						temp +='<td width="" style="text-align:center" id=td'+json+'>'+r+'</td> ';           
						temp +='<td width="16"></td>';
						temp +='<td width="16"><a href="" id="'+json+'" class="edit" name="'+r+'"><img src="/imagens/admin/edit.gif" border="0" title="Editar" /></a></td>';
						temp +='<td width="16"><a class="excluir" href="'+json+'" ><img src="/imagens/admin/del.gif" border="0" title="Excluir" /> </a></td>';
						temp +='</tr>';
						$('#tbcidade').append(temp);
					},'json'
		    );
		}

	});
});

[William Bruno 1501]

ok, oq eu precisava saber, era isso aqui:

 

		temp='<tr id="tr'+json+'">';
	temp +='<td width="" style="text-align:center">'+json+'</td>';
	temp +='<td width="" style="text-align:center" id=td'+json+'>'+r+'</td> ';           
	temp +='<td width="16"></td>';
	temp +='<td width="16"><a href="" id="'+json+'" class="edit" name="'+r+'"><img src="/imagens/admin/edit.gif" border="0" title="Editar" /></a></td>';
	temp +='<td width="16"><a class="excluir" href="'+json+'" ><img src="/imagens/admin/del.gif" border="0" title="Excluir" /> </a></td>';
	temp +='</tr>';

para remover:

 

$('.excluir').live('click',function(e){
e.preventDefault();
$( this ).parent('td').parent('tr').remove();
});