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

如果要获取元素alert的内容li，可以在所有 li 元素上添加点击处理程序。

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

});

更新小提琴：http: //jsfiddle.net/t7ruw/2/

Answer 2

li元素没有value，所以.val()不会返回任何东西。此外，没有绑定到<li>元素本身的事件处理程序：

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

Answer 3

试试这个它会给你同样的输出

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

Answer 4

如果您想获得 ul 值，请使用它。

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