0

例子,

<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,而不显示其他 :(

4

4 回答 4

2

尝试简单

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

工作演示

于 2013-08-12T06:27:54.230 回答
1

使用以下代码:

$('#list li').click(function(){
    alert($(this).find('a').html());
});
于 2013-08-12T06:27:59.053 回答
0

采用this

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

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

于 2013-08-12T06:28:06.160 回答
0
$('#list li').click(function(){
  window.alert($('a', this).html());
})

演示

于 2013-08-12T06:32:07.040 回答