[name!="value"]
- $('[attribute!="value"]') 1.0追加
- 注意事項
- デモ
$('[attribute!="value"]') 1.0追加
指定された属性値を含まない要素を選択します。
not([attr="value"])と等価です。
項目 | 説明 |
---|---|
attribute | 属性名を指定します。 |
value | 属性の値を指定します。 |
:notはjQueryが独自に拡張した仕組みでCSSには存在しない概念です。
そのため、querySelectorAll()によって提供されるパフォーマンスを享受することが出来ません。
最高のパフォーマンスを出すためには、純粋なCSSセレクタのみを使用して要素を特定し、
それに対して.not([attr="value"])を適用してください。
例:$("your-pure-css-selector").not('[name="value"]')
注意事項
INPUTの値が"newsletter"でない要素のみ、すぐ次のSPAN要素にB要素のテキストを追加します。
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<div>
<input type="radio" name="newsletter" value="Hot Fuzz" />
<span>name値は newsletter です。</span>
</div>
<div>
<input type="radio" value="Cold Fusion" />
<span>name値は 無し。</span>
</div>
<div>
<input type="radio" name="accept" value="Evil Plans" />
<span>name値は accept です。</span>
</div>
<script>$('input[name!="newsletter"]').next().append('<b>; newsletterではありません。</b>');</script>
</body>
</html>
© 2010 - 2017 STUDIO KINGDOM