Jquery append() edilmiş veriyi yakalama

09-07-2014, 19:30:16

Arkadaşlar şöyle bir kodum var;

	$(data).find("item").each(function () {
				
				var baslik = $(this).find("title").text();
				var link = $(this).find("link").text();
				
				var eklenecek = "<li class='list-group-item'><span class='label label-success'>"+ sira +"</span><a href='"+ link +"'>"+ baslik +"</a></li>";
				$("ul").append(eklenecek);
				sira++;
	});

Şeklinde html dosyasındaki <ul></ul> arasına <li></li> leri yazdırıyorum, yapmak istediğim şey;

$("ul li").click(function() {
	alert( $(this).find("a").attr("href") );
})

ile tıklanan <li>'deki <a>'nın adresini alert ettirmek.

Ama olmuyor. Çünkü "li" ler jquery ile append ediliyor. Acaba bu "li" leri nasıl yakalayabilirim?

09-07-2014, 19:39:12

#2

codeksper

ibrahimsn adlı üyeden alıntı: mesajı görüntüle

Arkadaşlar şöyle bir kodum var;

	$(data).find(".item").each(function() {
		$("ul").append("<li id='1'>Deneme</li>");
	});	
	
	$("li").click(function() {
		alert( $(this).attr("id") );
	})

Bu kod çalışmıyor. Çünkü "li" ler jquery ile append ediliyor. Acaba bu "li" leri nasıl yakalayabilirim?

html yapınız nasıl hocam, each için kullandığınız seçiciyle döngü içindeki ul seçicisi alakasız. Html yapınızı yazın yardımcı olalım.

09-07-2014, 19:48:15

#3

ibrahimsn

codeksper adlı üyeden alıntı: mesajı görüntüle

html yapınız nasıl hocam, each için kullandığınız seçiciyle döngü içindeki ul seçicisi alakasız. Html yapınızı yazın yardımcı olalım.

konuyu düzenledim.

09-07-2014, 19:57:27

#4

codeksper

<ul id="xx"></ul>
<script type="text/javascript">
$("#xx").append('<li><span class="span">url text text</span></li>');
$("body").on("click","li",function(){
	alert( $(this).find("span.span").text() );
});
</script>

09-07-2014, 20:04:08

#5

ibrahimsn

codeksper adlı üyeden alıntı: mesajı görüntüle

<ul id="xx"></ul>
<script type="text/javascript">
$("#xx").append('<li><span class="span">url text text</span></li>');
$("body").on("click","li",function(){
	alert( $(this).find("span.span").text() );
});
</script>

Tabi ya nasıl akıl edemedim .on() çok saol çalıştı