Attribute not equal ([foo!=bar])

In this chapter you will learn:

Description and Syntax for attribute not equal selector
Examples for attribute not equal selector
How to select input element by name attribute

Description and Syntax

$('[attr != theValue]')

selects all elements that do not have the attr attribute, or have an <attr> attribute but with a value other than <theValue>.

Selectors see attribute values as a single string, $('a[rel!=nofollow]') will select <a rel="nofollow self" href="example.htm">Some text</a>.

Examples

Selector	Selects
$('a[rel!=nofollow]')	all `<a>` elements that either have no `rel` attribute, or have one with a value other than `nofollow`
$('input[name!=myname]')	all `<input>` elements that either have no `name` attribute, or have one with a value other than `myname`

The following example shows an example of a selector that does matches against IDs that do not equal "cheese".

<!DOCTYPE html> <!--from  j  a  v  a  2s .co  m-->
<html>
    <head>
        <script src="http://java2s.com/style/jquery-1.8.0.min.js"> 
        </script>
        <script>
            var userInfo = $("[id!='cheese']").length; 
            document.writeln(n);
        </script> 
    </head> 
    <body>
        <div id="eggs"></div> 
        <div id="ham"></div> 
        <div id="cheese"></div> 
    </body> 
</html>

Click to view the demo

Select input element by name attribute

The following code selects input element by the name of the input control.

<html><!--   ja  v a 2 s .c o  m-->
  <head>
    <script src="http://java2s.com/style/jquery-1.8.0.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
          $("input[name!='me']").next().text(" changed");
    });
    </script>
  </head>
  <body>
      <div>
        <input type="radio" name="you" value="A" />
        <span>data</span>
      </div>
      <div>
        <input type="radio" name="me" value="B" />
          <span>data</span>
      </div>
      <div>
        <input type="radio" name="me" value="C" />
        <span>data</span>
      </div>
  </body>
</html>