jquery - Jquery - liをクリックしたときに値ulを取得する方法は?

Question

良い一日。

私のページにULリストがあります。ulをクリックしたときに値を取得する必要があります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>

値 ul を取得するには、スクリプトを使用します。

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

    });

しかし、私は空の値を取得します...

空の値を取得する理由と、正しく書く方法を教えてください。

PS:ここで確認できるテスト用のすべてのスクリプト

Answer 1

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