获取ul li值,例如first,previous,current,next和last

时间:2013-08-19 14:40:13

标签: javascript jquery twitter-bootstrap

我需要帮助才能获得ul li列表的第一个,上一个,当前,下一个和最后一个值...

这是一个小jsfiddle:http://jsfiddle.net/ptCoder/CCD29/

我尝试过这样的事情(下一个值):

alert($('#selectId li').next());

......但是不行。我试过在这里搜索,但没有找到解决方案...

任何人都可以帮助我吗?

谢谢。

3 个答案:

答案 0 :(得分:2)

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

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

for First&最后'li'价值观..

对于下一个&之前你需要一个参考'li'元素

答案 1 :(得分:2)

请检查:http://jsfiddle.net/CCD29/4/

$("#selectId li a").click(function () {
    $("#idValue").val(parseFloat(($(this).text())));
});

// First
$("#btnFirst").click(function () {
    alert($("#selectId li:first").val());
});

// Previous
$("#btnPrevious").click(function () {
    var currentVal = $("#idValue").val();
    var prev = $("#selectId li[value='" + currentVal + "']").prev();
    if (prev.length > 0) alert(prev.val());
});

// Current
$("#btnCurrent").click(function () {
    alert($("#idValue").val());
});

// Next
$("#btnNext").click(function () {
    var currentVal = $("#idValue").val();
    var next = $("#selectId li[value='" + currentVal + "']").next();
    if (next.length > 0) alert(next.val());
});    

// Last
$("#btnLast").click(function () {
    alert($("#selectId li:last").val());
});

顺便说一句,value的{​​{1}}属性可能有效(上面的代码显示),但你不应该使用它(Blazemonger在评论中指出了原因)。您应该使用li代替。使用data-value的小提琴就在这里:http://jsfiddle.net/CCD29/5/

答案 2 :(得分:2)

首先和最后一次尝试:

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