jQuery セレクタに正規表現で指定属性以外の要をを指定する方法

2023年1月1日

環境
Google Chrome 105.0.5195.127
Windows 10 Home 64bit
jquery 3.6.1

構文
「属性 != 属性名」
「!」を利用して指定した属性名以外の要素をすべて抽出します。
形式
var 変数名 = $('li[class!=セレクター名]’)；
指定クラス名を持つ要素以外をすべて抽出します。

使用例

<!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!="name"]');
     console.log(res[0]);
      console.log(res[1]);
});
</script>
</head>
<body>
<ul>
    <li id="citst">東京</li>
    <li id="name">大阪</li>
    <li id="cityB">福岡</li>
    <li id="name">横浜</li>
</ul>

</body>
</html>

実行結果
「name」というクラス名を持つ要素以外をすべて抽出します。
<li id="citst">東京</li>
<li id="cityB">福岡</li>

jQuery

Posted by arkgame

関連記事: