javascript - GetElementByClassName 和正则表达式

Question

我在文档中有这样的divwithclass和id属性：

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

在 class 和 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" 字符串开头的类值。
• [...][...] 连接匹配这两个条件。

有关详细信息，请参见此处。

演示。