使用jQuery获取列表项的值
Get value of List Item with jQuery
如何使用jQuery获取列表项onClick
事件的值和索引
例如:
<ul id='uItem'>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
</ul>
结合使用.index()
和.text()
(或者.html()
,如果您愿意(:
$('#uItem li').click(function() {
var index = $(this).index();
var text = $(this).text();
alert('Index is: ' + index + ' and text is ' + text);
});
$('#uItem li').click(function(){
var $this = $(this);
alert('Text ' + $this.text() + 'Index ' + $this.index());
})
查看工作示例http://jsfiddle.net/yccyJ/1/
如果您为li:设置了值属性
<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>
,然后您可以使用jQuery检索它,如下所示:
$('#uItem li').click(function(){
var $this = $(this);
var selKeyVal = $this.attr("value");
alert('Text ' + $this.text() + 'value ' + selKeyVal);
})
看看索引函数,http://api.jquery.com/index/
$('ul li').click(function(){
var value = $(this).text();
var index = $('li').index($(this));
});
查看此项以了解更多详细信息
相关文章:
- 从项目列表Jquery中仅选择(显示:块)元素
- 如何处理多选下拉列表 - JQuery.
- 如果未选择第一项,请选择下拉列表 jQuery
- 要执行列表jquery,请划掉项目
- 如何修改代码以将其应用于三个下拉列表?(Jquery)
- 如何在下拉列表JQuery中添加reclick
- 正在执行函数列表jquery
- 引用SELECT列表jQuery
- 限制要在嵌套列表jQuery中添加的列表元素的数量
- 无序列表 jQuery 在固定位置显示列表中的选定项
- 从列表 JQUERY 中获取单击输入的正确名称
- 如何将项目添加到选定的追加列表 jQuery
- 如何选择特定的状态列表 Jquery.
- 单个列筛选不保存下拉列表 jQuery 的状态
- 谷歌日历事件列表jQuery格式
- 设置输入值后将列表拆分为多个小列表 - Jquery
- 尝试输出唯一数据属性列表(jQuery/Java)
- 如何在窗口宽度处删除类列表 - jquery/javascript
- 默认文本下拉列表jquery
- 从列表jquery中获取最接近的值