javascript - 最初、前、現在、次、最後などの ul li 値を取得する

Question

ul li リストの最初、前、現在、次、および最後の値を取得するために助けが必要です...

ここに小さな jsfiddle があります: http://jsfiddle.net/ptCoder/CCD29/

私はこのようなことを試しました（次の値のために）：

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

...しかし、動作しません。ここで検索してみましたが、解決策が見つかりません...

誰でも私を助けることができますか？

ありがとうございました。

Answer 1

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

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

最初と最後の「li」値の場合..

次と前の場合、そのための参照「li」要素が必要です

Answer 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属性は機能するli可能性があります (上記のコードが示しています) が、それを使用しないでください (Blazemonger がコメントで理由を指摘しました)。data-value代わりに使用する必要があります。使用しているフィドルdata-valueはこちらです：http://jsfiddle.net/CCD29/5/