javascript - 从例如 xx_numbers 获取 id 数组

Question

如何检索仅具有共同前缀的 ID 数组？

例如我有一个包含 50 个 div 的列表，它们的 ID 看起来都像:aa_0000。其中 'a' 是前缀，'0' 代表随机数。

Answer 1

您想要所有 id 以相同的东西开头的元素吗？

假设它们都是 div 元素，这应该可行....

// Just so we can stay DRY :)
var prefix = 'aa_',
    matchElement = 'div';

// Do we have an awesome browser?
if ('querySelectorAll' in document) {
    var matchedDivs = document.querySelectorAll(matchElement + '[id^="' + prefix + '"]');
} else {
    var allDivs = document.getElementsByTagName(matchElement),
        matchedDivs = [],
        regex = new RegExp('^' + prefix);

    for (var i = 0, allDivsLength = allDivs.length; i < allDivsLength; i++) {
       var element = allDivs[i];
       if (element.id.match(regex)) {
           matchedDivs.push(element);
       }
    }
}

console.log(matchedDivs.length); // Expect 3

jsFiddle .

如果你想显式匹配数字，试试正则表达式 /^aa_\d+$/。

如果你有 jQuery float ，你可以使用 $('div[id^="aa__"]')。