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