tabindex命名的jQuery速記

Question

有沒有什麼辦法縮短所有tabindex = 4到tabindex = 40？謝謝

$('[tabindex="4"]...[tabindex="40"]').on({ 
    focus: function() { 
     $(this).addClass('active'); 
    }, 
    blur: function() { 
     $(this).removeClass('active'); 
    } 
}); 

不想輸入所有的索引，謝謝！

Answer 1

$("[tabindex]").filter(function() { 
    var index = parseInt($(this).attr("tabindex"), 10); 
    return index >= 4 && index <= 40; 
}).on(....); 

.filter()將現有的jQuery收集和它減少用於該函數返回true的元素。這將得到tabindex屬性的值並檢查它是否在4和40之間。

Answer 2

創建for循環：

for (var index = 4; index <= 40; ++index) { 
    $('[tabindex="' + index + '"]').on({ 
     focus: function() { 
      $(this).addClass('active'); 
     }, 
     blur: function() { 
      $(this).removeClass('active'); 
     } 
    }); 
}