Jquery - 单击 li 时如何获取值 ul？
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/16707318/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Jquery - how get value ul when click on li?
提问by Alex N
Good day.
再会。
I have ul list on my page.
me need get value ulwhen i click on li.
我的页面上有 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>
For get value ul i use script:
为了获得价值 ul，我使用脚本：
$("#list_t_railway").on("click", function(){
alert($(this).val());
});
But i get empty value...
但我得到空值...
Tell me please why i get empty value and how write right?
请告诉我为什么我得到空值以及如何写正确？
P.S.: all script for test you can see here
PS：所有测试脚本你可以在这里看到
回答by c.P.u1
If you want to alertthe contents of the lielement, you can add a click handler on all li elements.
如果你想要元素alert的内容li，你可以在所有 li 元素上添加一个点击处理程序。
$("#list_t_railway li").on("click", function(){
alert($(this).text());
});
Updated fiddle: http://jsfiddle.net/t7ruw/2/
更新小提琴：http: //jsfiddle.net/t7ruw/2/
回答by Blender
lielements have no value, so .val()won't return anything. Also, there's no event handler bound to the <li>elements themselves:
li元素没有value，所以.val()不会返回任何东西。此外，没有绑定到<li>元素本身的事件处理程序：
$("#list_t_railway li").on("click", function(){
alert($(this).text());
});
回答by M.I.T.
try this it will give you same outpuy
试试这个它会给你同样的输出
$(document).on("click","#list_t_railway li", function(){
alert($(this).text());
});
回答by Bharat Chodvadiya
If you want to get ul value then use this.
如果您想获得 ul 值，请使用它。
$("ul#list_t_railway li").on("click", function(){
alert($("ul#list_t_railway").text());
});
回答by alpc
$("#list_t_railway li").on("click", function(){alert($(this).html());});
