Next »
1918/1956
« Previous

Attribute not equal ([foo!=bar])

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

SelectorSelects
$('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> 
<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><!--from   w w  w  .j  a va 2s  .  co  m-->

Click to view the demo

The code above generates the following result.

Attribute not equal ([foo!=bar])

Select input element by name attribute

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


<html>
  <head>
    <script src="http://java2s.com/style/jquery-1.8.0.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){<!--from www  .  j a v a 2s . co  m-->
          $("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>

Click to view the demo

The code above generates the following result.

Attribute not equal ([foo!=bar])
Next »
« Previous