Javascript 获取ul li值，如first、previous、current、next和last

我需要帮助获取ul li列表的第一个、上一个、当前、下一个和最后一个值

下面是一个小的JSFIDLE：

我尝试过类似的方法（为了下一个值）：

。。。但是不要工作。我试着在这里搜索，但没有找到解决方案

有人能帮我吗

多谢各位

$('li').first().val()

$('li').last().val()

对于第一个和最后一个“li”值

对于“下一个”和“上一个”，您需要一个引用“li”元素

对于第一个和最后一个“li”值

对于“下一个”和“上一个”，您需要一个参考“li”元素

顺便说一下，

li

的

value

属性可能会起作用（上面的代码显示了），但您不应该使用它（Blazemonger在评论中指出了原因）。您应该使用

数据值

。使用

数据值的小提琴在这里：
检查：

顺便说一下，
li
的
value
属性可能会起作用（上面的代码显示了），但您不应该使用它（Blazemonger在评论中指出了原因）。您应该使用
数据值
。使用
数据值的小提琴在这里：
首先和最后试试这个：

 alert($('ul#selectId li:first').val());
 alert($('ul#selectId li:last').val());

在第一次和最后一次尝试以下方法：

 alert($('ul#selectId li:first').val());
 alert($('ul#selectId li:last').val());

是否要获取下一个列表或当前选定列表中的下一项？在后一种情况下，什么符合当前元素的条件（或者您是否需要访问每个列表项的相应值？在这种情况下，您可以迭代ul的所有li元素，设置单个事件处理程序，或者使用指定同级之间位置的数据属性来扩充elments）列表项不应该像表单输入那样具有值。虽然
val（）。请改用
data value=“xx”
和
.data（'value'）
。谢谢您的回复。问题解决了…我同意@Blazemonger。。由于html包含值属性，.val（）在您的情况下可能有效，但最好将自定义属性与“li”一起使用。是否要获取当前选定列表中的下一个列表或下一项？在后一种情况下，什么符合当前元素的条件（或者您是否需要访问每个列表项的相应值？在这种情况下，您可以迭代ul的所有li元素，设置单个事件处理程序，或者使用指定同级之间位置的数据属性来扩充elments）列表项不应该像表单输入那样具有值。虽然
val（）。请改用
data value=“xx”
和
.data（'value'）
。谢谢您的回复。问题解决了…我同意@Blazemonger。。由于html包含值属性，.val（）在您的情况下可能有效，但最好将自定义属性与'li'一起使用。阅读上面Blazemonger关于列表元素中的值属性的评论。您可以通过获取list元素的文本来修复此问题。更新了小提琴以反映注释<代码>数据值
被用来代替上面Blazemonger关于列表元素中的值属性的评论。您可以通过获取list元素的文本来修复此问题。更新了小提琴以反映注释<使用了代码>数据值
instead@ptCoder欢迎光临@欢迎光临！
 alert($('ul#selectId li:first').val());
 alert($('ul#selectId li:last').val());