使用jQuery获取List Item的值

Question

如何使用jQuery获取列表项onClick事件的值和索引？
例如：

<ul id='uItem'>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
</ul>

Answer 1

结合使用.index()和.text()（或.html()，如果您愿意的话）：

$('#uItem li').click(function() {
    var index = $(this).index();
    var text = $(this).text();
    alert('Index is: ' + index + ' and text is ' + text);
});

Answer 2

$('#uItem li').click(function(){
 var $this = $(this);
 alert('Text ' + $this.text() + 'Index ' + $this.index());
})

检查http://jsfiddle.net/yccyJ/1/

处的工作示例

Answer 3

如果您为li设置了值属性：

// pkg_1_log is defined in pkg_1 package.
pkg_1_log.find().count();
ReferenceError: Can't find variable: pkg_1_log

// pkg_2_log is defined in pkg_2 package.
pkg_2_log.find().count();
ReferenceError: Can't find variable: pkg_2_log

，然后您可以使用jQuery检索它：

    <ul id='uItem'>
    <li value="item1">Item 1</li>
    <li value="item2">Item 2</li>
    <li value="item3">Item 3</li>
    <li value="item4">Item 4</li>
    </ul>

Answer 4

$('ul li').click(function(){ 
     var value = $(this).text();
     var index = $('li').index($(this));
});

检查this了解详情

Answer 5

查看索引函数http://api.jquery.com/index/