jquery find div attribute smaller or higher

Question

i want to find all div attributed value matched smaller or higher numeric value.

its worked me only eq value=444 (example div[ref=444],[ref=333]....)

var $filteredData = $data.find('div[ref=444]' );

but i want to compare find <444 ( find div attribute value smaller <444) or >444 (find div attribute value higher >444) in all div attribute value

how can find or select all div attr value smaller or higher thanks for all

Answer 1

Yes, attributes are strings, there is no selector to treat them as numbers. You would have to parse and filter manually:

$filteredData= $data.find('div').filter(function() {
    return parseInt($(this).attr('ref'), 10)<444;
});

(But what's ref? If this is HTML content, that's not a standard attribute. Avoid custom HTML attributes; if you must use them, use HTML5 data- attributes. But other methods, such as putting the information in a className, might be better, depending on what you're doing.)