Arkadaşlar merhaba, yapılacaklar listesi diye basit bir html sayfası yapıyorum.

Listedeki maddelere tıklayınca silinsin istiyorum.

html kodu
<!DOCTYPE html>
<html>
<head>
<title>Yapilacaklar Listesi</title>
</head>
<body>
<div id="container">
<h1>Yapilacaklar Listesi</h1>
<input type="text" name="">
<ul>
<li><span>Sil</span> Css Calis</li>
<li><span>Sil</span> jQuery Calis</li>
<li><span>Sil</span> Php Calis</li>
</ul>
</div>
</body>
</html>
js kodu


$("span").click(function() {
$("span").fadeOut("slow", function() {
$(this).remove();
});
});
Sil'e tıkladığında tıklanan li etiketini silmek istiyorum.

İnternettende baktığım kadarıyla kodda sorun yok ama cdn'de mi sorun var acaba?

Doğru kod
$("span").click(function(event){
    $(this).parent().fadeOut(500, function(){
        $(this).remove();
    })
    event.stopPropagation();
});