[Resolvido] Adicionar Elemento a uma Div e Remove-lo

[Liu Martins83 0]

Bom Dia,

 

Estou adicionando novos elementos a uma Div com id txt1, com seguinte código:

 

$("#addProp").click(function(){

	var txt = $("#txt2").val();
	//var idImovel = $("#idImovel").val();



	newInput = '<div class="grid-4-12">';
	newInput += '<input type="text" name="pro_proprietario[]" value="'+txt+'" class="form-txt" />';
	newInput += '</div>';
	newInput += '<div class="grid-1-12">';
	newInput += '<div><a class="exc" href="#">Excluir</a></div>';
	newInput += '</div>';
	newInput += '</div>';		

	$("#txt1").prepend(newInput);

});

 

agora estou tentado excluir este item q foi adicionado, aprendi recentemente o usar o ( this ), mas fiz um script tesxte simples com apena um alert e ele não executa. Tem algo Haver pq essa nova Div e elementos foram criadas pelo Jquery e não pelo HTML Original

 

nem esse script funciona.

 

$("#txt1 a.exc").click(function(){

	alert('liu');

});

[William Bruno 1501]

veja sobre o método .live():

 

http://wbruno.com.br/blog/2011/03/18/metodo-live-jquery/

[JCMais 75]

Recomendo usar .delegate().

[Liu Martins83 0]

legal Willian, mais uma ajuda suaa.. já vai dar uma caixa de Soda.. kk e mto bem explicado no blog.

 

mas enfim, continuando eu faço a insercao dakela nova div com o prepend() e agora quero exclui-la como o remove()

 

o script msm usando o this exclui apenas o botao excluir, depois fiz um jeito mais exclui todas as divs adicionadas.

 

veja aí:

div que eh added

		newInput = '<div class="proprietario">';
	newInput += '<div class="grid-4-12">';
	newInput += '<input type="text" name="pro_proprietario[]" value="'+txt+'" class="form-txt" />';
	newInput += '</div>';
	newInput += '<div class="grid-1-12">';
	newInput += '<a class="exc" href="#">Excluir</a>';
	newInput += '</div>';
	newInput += '</div>';		
	newInput += '</div>';

	$("#txt1").prepend(newInput);

 

script p exclui-la:

 

 

$(".proprietario a").live('click', function(){


		var $this = $( this );
	$.prompt("Deseja Realmente Excluir", { 
		buttons:{Excluir:true, Cancelar:false},
		callback: function(v,m,f){

			if(v){
				$(function (){
					$this.remove();
				});
			 }
			else {
				return false;
			}
		}
	});

});

 

percebi que somente o a, tá sendo removido. Como envolvo toda a div p ser excluida?

[William Bruno 1501]

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

 

ou mais direto, usando o .parents()

http://api.jquery.com/parents/

 

 

=) vlw !

[Liu Martins83 0]

Vlw!!!!

 

resolvido... mas com um parent() a menos.

[William Bruno 1501]

beleza.. mas então ta sobrando um </div>:

 

                newInput += '</div><!-- /grid-1-12 -->';
               newInput += '</div><!-- /proprietario -->';           
               newInput += '</div><!-- esse num é de ninguem -->';