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" 文字列で始まるすべてのクラス値に一致します。
• [...][...] 連結は両方の条件に一致します。

詳しくはこちらをご覧ください。

デモ。