Question

$(document).keypress(hover);

function hover(e) {

    var lent = $(".edit_tr").length; //8 
    var sid = $('.edit_tr').attr('id');
    var x = parseInt(sid) + lent;
    if (stat == false) {
        var sid = parseInt(sid) + 1;
    }
    switch (e.keyCode) { //down   

        case 40:

            $("#last_" + sid).hide();
            $("#last_input_" + sid).show();
            $("#sub_input_" + sid).show();
            $("#sub_" + sid).hide();
            $("#sub_input_" + sid).focus();

            var stat = false;
            break;

        case 38:
            //up

            $("#last_" + sid).show();
            $("#last_input_" + sid).hide();
            $("#sub_input_" + sid).hide();
            $("#sub_" + sid).show();
            $("#sub_input_" + sid).blur();
            break;
    }
}

我想在每个tr的输入文本中通过按键箭头/向上和向下导航我如何根据tr中的id导航它们？我是jquery的新手

Answer 1

为了移动，它非常简单。

要提升它：

    case 38:
        //up

        $("#last_" + sid).show();
        $("#last_input_" + sid).hide();
        $("#sub_input_" + sid).hide();
        $("#sub_" + sid).show();
        $("#sub_input_" + sid).blur();
        $("#idtomove").css('margin-top','-=10px');
        break;

在这段代码中，我将top的余量减少了10px，因此每次按下按钮时，div都会向上移动10个像素;最下面的一个，移动你想要向下移动10px的项目;

case 40:

            $("#last_" + sid).hide();
            $("#last_input_" + sid).show();
            $("#sub_input_" + sid).show();
            $("#sub_" + sid).hide();
            $("#sub_input_" + sid).focus();
            $("#idtomove").css('margin-top','+=10px');
            var stat = false;
            break;

通过按键向上箭头向上导航到每个输入框

1 个答案: