如何启用和禁用下一个和上一个按钮？

Question

我有一个包含按钮的表。 此按钮在模式框中提供特定行的详细信息，此模式框可帮助用户从表中移至下一个和上一个。 下一个将给出表的下一个值的信息，上一个将给出表的行的前一个值。 我几乎为此编写了代码，但是一旦到达表格末尾，下一个按钮将被禁用，单击上一个按钮时应再次将其启用，但仍保持禁用状态。

这里的代码如下。

$('#review_essay').delegate('.navBtn', 'click', function () {
    var current_row_id = $(this).parents('#review_essay').attr('current_row_id');
    var position_value = $(this).attr('position_value');
    var navValue = parseInt(current_row_id) + parseInt(position_value);
    alert(current_row_id)
    alert(position_value)
    alert(navValue)
    if (current_row_id <= 0)
    {
        alert(current_row_id)
        $("#btn2").attr('disabled', true);
        $("#btn1").attr('disabled', false);
    }
    else
    {
        $("#btn2").attr('disabled', false);
    }
    if (current_row_id < last_value) {
        var navValue = parseInt(current_row_id) + parseInt(position_value);
    }
    else
    {
        $("#btn1").attr('disabled', true);
        alert('End of the row, click back for previous data');
    }

    var qid = $('#essay_data').find('tbody').find('tr').eq(navValue - 1).attr('qid');
    alert(qid);
    var uid = $('#essay_data').find('tbody').find('tr').eq(navValue - 1).attr('uid');
    var paper_id = $('#essay_data').find('tbody').find('tr').eq(navValue - 1).data('paper_id')
    var session_id = $('#exam_details').attr('session_id')
    var exam_id = $('#exam_details').attr('exam_id')
    //alert('reached');
    navigate(exam_id, session_id, paper_id, qid, uid);
});

Answer 1

如果您得到当前行的对象

current_row_object=$(this);<br>

然后就可以得到下一个和上一个行对象。

next_row_obj=$(this).next("tr");<br>
previous _row_obj=$(this).prev("tr");<br>

if($(next_row_obj).length)<br>
 $("#nextbtn").attr('disabled', true);<br>
else<br>
 $("#nextbtn").attr('disabled', false);<br>


if($(previous _row_obj).length)<br>
 $("#prevBtn").attr('disabled', true);<br>
else<br>
 $("#prevBtn").attr('disabled', false);<br>