Jquery - jak uzyskać wartość ul po kliknięciu li?

Question

Dzień dobry.

Mam listę ul na mojej stronie. Jeśli chcesz uzyskać wartość ul, kliknij li.

HTML:

.ddlist { 
position: absolute; 
width: 316px; 
display: none; 
background-color: #fff; 
border: 1px solid #ccc; 
border-top: none; 
margin: 0; 
padding: 0; 
margin-top: -3px; 
} 

.ddlist li { 
list-style: none; 
padding: 5px; 
} 


<ul id="list_t_railway" class="ddlist" style="display: block;"> 
    <li>Белорусский вокзал</li> 
    <li>Казанский вокзал</li> 
    <li>Киевский вокзал</li> 
</ul> 

Dla wartości get ul użyć skryptu:

$("#list_t_railway").on("click", function(){ 
     alert($(this).val()); 

    }); 

ale dostaję pustą wartość ...

Powiedz mi proszę, dlaczego dostaję pustą wartość i jak pisać poprawnie?

P.S .: cały skrypt do testu widać here

Answer 1

Jeśli chcesz alert zawartość elementu li, można dodać obsługi kliknij na wszystkich elementów li.

$("#list_t_railway li").on("click", function(){ 
    alert($(this).text()); 

}); 

Updated skrzypce: http://jsfiddle.net/t7ruw/2/

Answer 2

li elementy nie mają value, więc .val() niczego nie powrócić. Ponadto, nie ma obsługi zdarzeń związany z <li> samych elementów:

$("#list_t_railway li").on("click", function(){ 
    alert($(this).text()); 
}); 

Answer 3

spróbować to daje samego outpuy

$(document).on("click","#list_t_railway li", function(){ 
    alert($(this).text()); 
}); 

Answer 4

Jeśli chcesz uzyskać wartość ul następnie użyć tego.

$("ul#list_t_railway li").on("click", function(){ 
alert($("ul#list_t_railway").text()); 

}); 

Answer 5

$("#list_t_railway li").on("click", function(){alert($(this).html());});