jQuery セレクタに前方一致の正規表現を使うサンプル
環境
Google Chrome 105.0.5195.127
Windows 10 Home 64bit
jquery 3.6.1
構文
$('タグ[属性^="属性名"]’);
「前方一致」は「属性 ^= 属性名」のように「^」を追加するだけで、属性名の先頭部分の文字列が一致するすべての要素を取得します。
形式
var 変数名 = $('li[id^="セレクターid名"]’);
使用例
<!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <script> $(document).ready(function(){ var res = $('li[id^="city"]'); console.log(res[0]); }); </script> </head> <body> <ul> <li id="cityA">tokyo</li> <li id="name1">oosala</li> <li id="cityB">data2</li> <li id="name2">test</li> </ul> </body> </html>
実行結果
「id ^= “city"」と記述することで属性名の先頭部分が「city」で始まる要素をすべて抽出しています。
<li id="cityA">tokyo</li>