Jquery - Wie Wert erhalten ul, wenn Sie auf li klicken?

Question

Guten Tag.

Ich habe ul Liste auf meiner Seite. Ich brauche Wert erhalten ul, wenn ich auf li klicke.

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> 

Für ul get Wert i verwenden script:

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

    }); 

Aber ich leerer Wert bekommen ...

Sagen Sie mir bitte, warum ich leer Wert bekommen und wie schreibe richtig?

P. S .: alle Skript für Test Sie here

Answer 1

sehen Wenn Sie den Inhalt des li Elements alert möchten, können Sie einen Click-Handler für alle li-Elemente hinzuzufügen.

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

}); 

Aktualisiert Geige: http://jsfiddle.net/t7ruw/2/

Answer 2

li Elemente haben keine value, so wird .val() nichts zurück. Auch gibt es keine Event-Handler auf die sich <li> Elemente gebunden:

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

Answer 3

versuchen, dies es wird Ihnen gleiche outpuy

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

Answer 4

Wenn Sie diese ul Wert erhalten wollen, dann verwenden.

$("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());});