GetElementsByClassName和regex

Question

我在文档中div class和id属性如下：

<div class="blabla11" id="bla22">

在类和id值中， blabla 是常量，而数字则不是。如果类和div名称的某些部分是自动生成的，我如何按ID 和获取元素？

Answer 1

获取所有div，并使用正则表达式进行测试

var selected = [];
var divs = document.getElementsByTagName('div');
for(var i = 0; i < divs.length; i++) {
    if(/^blabla/.test(divs[i].className)) {
        // selected.push(divs[i]);
        divs[i].parentNode.removeChild(divs[i]); // try this to remove
    }
}

Answer 2

使用jQuery可以使用此选择器：

$('div[class^="blabla"][id^="bla"]')

其中：

• class ^ =“blabla”匹配以“blabla”字符串开头的所有类值。
• [...] [...]连接符合两个条件。

有关详细信息，请参阅here。

Demo