jQuery: Selecting all elements where attribute is greater than a value

Question

I know that to filter an element with an atttribute called attrName which has value attrValue I do:

filter("[attrName='attrValue']")

but looking at the docs http://api.jquery.com/category/selectors/ I can't see an option to select all elements s.t. attrName>attrValue

Will this work

   filter("[attrName>'attrValue']")

Mendes

If you are looking for elements with attributes greater than zero, you can use [attribute!=0] – Tears

Answer 1

You can do this using the function overload of .filter(), like this:

.filter(function() {
  return $(this).attr("attrName") > "someValue";
})

Ahvenanmaa

Answer 2

Be careful, if you are playing with integers make sure you are using parseInt().

$("selector").filter(function() {
    return parseInt($(this).attr("my-attr")) > 123;
});

En

Agreed! Some users may see that "3" > "1" is true and think that they don't need to parse the string to an integer before comparing. This works because the ASCII value of "3" is higher than the ASCII value for "1". But things go south when you are comparing values with more than one digit (e.g. "33" > "4" is false while 33>4 is true). – Ajaajaccio

Answer 3

The solution is jQuery.filter():

$("selector").filter(function() {
    return  $(this).attr("my-attr") > 123;
});

Pula

Answer 4

For ES6 arrow function

$("selector").filter((index, el) => {
    return parseInt($(el).attr("attrName")) > 123;
});

Bohannan