[SOLUCIONADO] obtener el id del resultado de una consulta con el método AJAX de JQUERY

[Literman]

Hola genios, necesito su ayuda con este tema. Porfa lean hasta el final y verán que está bien explicado, no se pierdan el PD. Aquí va...

---------------------------
Hago una consulta utilizando el metodo Ajax de Jquery, EL RESULTADO SE DA SIN PROBLEMAS:

Código:

$( ".lista-provincias" ).change(function() {
		valor_prov = $(this).val();
		var dataString = 'cod_prov='+valor_prov+'&cod_dep='+valor_dep;
		//// LLAMA A LOS PUNTOS DE VENTA PARA IMPRIMIRLOS
		$.ajax({
			type: "POST",
			url: "get-puntos-prov.php",
			data: dataString,
			success: function(data)
			{
				$(".bloq-izq").fadeOut(function(){
					$(this).html(data).stop(true, true).fadeIn();
				}); // end fadeout				
			}
		});// fin ajax
		
	});// fin change

------------------------

Este sería el resultado, varios grupos de estos articles:

Código:

<article class="bloq-puntos">
         <h3>TIENDA COMERCIAL SAN FELIPE</h3>
         <p>Calle Los Claveles, 782, Antares<br></p>
         <a href="#mapa" class="ver-mapa" id="1">Ver en mapa</a>
</article>

----------------------

como ven hay un boton con un id=1 que en el siguiente article es 2 y así sucesivamente.

----------------------

El problema es el siguiente:

Lo que quiero es obtener ese id y ponerlo en un alert, ya intenté con el siguiente código pero no sale:

Código:

$(".bloq-puntos a.ver-mapa").click(function(){
		$(this).removeAttr("href");
		var codigo = $(this).attr("id");
		alert(codigo)
})

PD: no hay error en el código, porque lo intenté sin ajax, es decir de frente con php y si salió la ventana alert, pero cuando lo quiero aplicar a un resultado de ajax no sale.

Ayúdenme por favor, todo comentario sería aplicado y comentado.

Saludos.

[infoturnosya]

si el tag <article se carga por ajax, quizas sea el "on" , es decir, proba con esto

Código Javascript:

$(".bloq-puntos a.ver-mapa").on('click',function(){
        $(this).removeAttr("href");
        var codigo = $(this).attr("id");
        alert(codigo)
})
 

[Literman]

Iniciado por infoturnosya

si el tag <article se carga por ajax, quizas sea el "on" , es decir, proba con esto

Código Javascript:

$(".bloq-puntos a.ver-mapa").on('click',function(){
        $(this).removeAttr("href");
        var codigo = $(this).attr("id");
        alert(codigo)
})
 

Hola infoturnosya, lo apliqué y nada, el prismo problema, sabrás otro método?

Saludos y gracias!

[rodocoyote15]

Código Javascript:

$(document).on("click", ".bloq-puntos a.ver-mapa", function(){
        $(this).removeAttr("href");
        var codigo = $(this).attr("id");
        alert(codigo)
})
 

Prueba así, nos cuentas ;)

[Literman]

Iniciado por infoturnosya

si el tag <article se carga por ajax, quizas sea el "on" , es decir, proba con esto

Código Javascript:

$(".bloq-puntos a.ver-mapa").on('click',function(){
        $(this).removeAttr("href");
        var codigo = $(this).attr("id");
        alert(codigo)
})
 

Man eres un geniooo!!!!

Gracias a todos por su apoyo, mil gracias en serio.

Saludos!!