Question

实施例，

<div>
    <ul class="menu" id="list">
        <li>
            <a>list 1</a>
        </li>
        <li>
            <a>list 2</a>
        </li>
        <li>
            <a>list 3</a>
        </li>
        <li>
            <a>list 4</a>
        </li>
        <li>
            <a>list 5</a>
        </li>
    </ul>            
</div>

我想要的是，如果用户点击列表

我想获得价值（列表1,2,3,4 ....）

我怎么能得到这个？

我用谷歌搜索了一下这样做。

$('#list li').click(function(){
    alert($('#list li a').html());
})

它只显示列表1，而不是其他：（

Answer 1

尝试简单

 $('#list li').click(function(){
               alert($(this).text());
            })

Working Demo

Answer 2

使用以下代码：

$('#list li').click(function(){
    alert($(this).find('a').html());
});

Answer 3

使用this

$('#list li').click(function(){
    alert($('a',this).html());
});

演示------> http://jsfiddle.net/W88R5/

Answer 4

$('#list li').click(function(){
  window.alert($('a', this).html());
})

Demo

如何从jQuery中的选定列表中获取值？

4 个答案: