Attribute Not Equal Selector [name!="value"]
attributeNotEqual selector
version added: 1.0jQuery('[attribute!="value"]')
-
- attribute
- An attribute name.
- value
- An attribute value. Quotes are mandatory.
Description: Select elements that either don't have the specified attribute, or do have the specified attribute but not with a certain value.
This selector is equivalent to :not([attr="value"])
.
Additional Notes:
- Because
[name!="value"]
is a jQuery extension and not part of the CSS specification, queries using[name!="value"]
cannot take advantage of the performance boost provided by the native DOMquerySelectorAll()
method. For better performance in modern browsers, use$("your-pure-css-selector").not('[name="value"]')
instead.
Example:
Finds all inputs that don't have the name 'newsletter' and appends text to the span next to it.
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.7rc2.js"></script>
</head>
<body>
<div>
<input type="radio" name="newsletter" value="Hot Fuzz" />
<span>name is newsletter</span>
</div>
<div>
<input type="radio" value="Cold Fusion" />
<span>no name</span>
</div>
<div>
<input type="radio" name="accept" value="Evil Plans" />
<span>name is accept</span>
</div>
<script>$('input[name!="newsletter"]').next().append('<b>; not newsletter</b>');</script>
</body>
</html>