用于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');
        }
    });
}