jQuery セレクタに正規表現を使って後方一致で指定する方法
環境
Google Chrome 105.0.5195.127
Windows 10 Home 64bit
jquery 3.6.1
構文
「属性 $= 属性名」
属性名の末尾にある文字列が部分的に一致する要素をすべて抽出します
形式
var 変数名 =$('li[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$="st"]');
console.log(res[0]);
console.log(res[1]);
});
</script>
</head>
<body>
<ul>
<li id="citst">tokyo</li>
<li id="names">oosala</li>
<li id="cityB">data2</li>
<li id="namest">test</li>
</ul>
</body>
</html>
実行結果
「id$= “st"」と記述することで合致する要素をすべて抽出しています。
コンソールログに下記メッセージを出力します
<li id="citst">tokyo</li>
<li id="namest">test</li>