[JavaScript]DOMセレクタを取得する時の正規表現まとめ

2021-02-21

JavaScriptでDOMを取得する時に完全一致以外でも取得したいケースが生じたので正規表現をメモ。

DOMセレクタの正規表現

[name]	name属性の要素を取得
[name=value]	nameという名前の値がvalueである属性を取得。完全一致
[name^=value]	nameという名前の値がvalueで始まる属性を取得。前方一致
[name$=value]	nameという名前の値がvalueで終わる属性を取得。後方一致
[name*=value]	nameという名前の値にvalueという文字列がある属性を取得。部分一致
[name~=value]	nameという名前の値がスペースで区切られたており、1つがvalueである属性を取得。
[name\|=value]	nameという名前の値がハイフンで区切られており、1つがvalueである属性を取得