Home / Questions / 257960
Accepted
Caldeiro
Asked: 2020-04-25 02:11:23 +0800 CST 2020-04-25 02:11:23 +0800 CST

Operators > and < in attributes with Jquery

  • 772

We start with a div tag with an attribute

<div atr="1">a</div>

I have not found an operator for this case, I want to know if the attribute is greater than X . To add the class disabled. X is any number example 5.

$("div [atr<='X']").addClass('disabled');

The not equals operator does not work for me because there are several that should not be disabled and several that should.

jquery

2 Answers

  1. Best Answer

    You can't use those operators inside a selector. You could do something like this:

     $( "div" ).each(function() {
   if($(this).attr("atr")<='X'){
     $( this ).addClass("disabled");
   }      
});
    • 5

  2. @MikelFerreiro 's answer is correct, but you could optimize and simplify the code further using:

    • $("div[atr]"): to search for only those elements that have the attribute atr, otherwise you would be searching for ALL divon the page.
    • .filter() : to filter the elements that do not meet the condition and take advantage of the chainingto apply .addClassto the result.

    demo

    $("div[atr]").filter(function() {
  return $(this).attr("atr") <= 2;
}).addClass("disabled");
    div[atr] {
  color: red;
}

div[atr].disabled {
  color: gray;
}
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div atr="1">A</div>
<div atr="3">B</div>
<div atr="2">C</div>
<div atr="4">D</div>
<div>E</div>

    • 2