焦點匹配輸入字段與 jquery

Question

我正在嘗試將輸入字段集中到與另一個輸入匹配的 div 中。

我必須跳過參考輸入（第一個輸入值）。 然后，我的代碼是：

$("#btnSearch").on('click',function() {
    input = document.getElementsByTagName('input');
    match = 0;
    for (i=0;i<input.length;i++) {
        if(input[i].value == $("#btnSearch > input").val()) {
            match = 1;
        }else if (match==1) {
            input[i].focus();
            break;
        }
    }
});

但是使用這段代碼，我關注下一個輸入（第二個輸入）。 它不起作用。 有什么想法可以改進我的代碼嗎？

Answer 1

if哪些檢查首先match ，您應該關注

代替

if(input[i].value == $("#btnSearch > input").val()) {
     match = 1;
}else if (match==1) {
    input[i].focus();
    break;
}

你應該寫

if(match==1) {
        input[i].focus();
        break; 
}else if (input[i].value == $("#btnSearch > input").val()) {
    match = 1;   
}

說明：

你的代碼在做什么

1) 檢查參考輸入的條件，將匹配設置為 1，因為它是真的，

2) 檢查輸入條件是否為真，將匹配設置為 1

3) 首先 if 為 false 但 match 為 true，因此將焦點放在下一個輸入上

所以我們必須先檢查匹配，這樣我們才能把重點放在實際輸入上