Getting the “match” object in a Custom Filter Selector in jQuery 1.8

by

jQuery has added a utility for creating custom pseudos in Sizzle. It’s a little more verbose, but it’s much more readable than using match[3]. It also has the advantage of being more performant as you can avoid repeating tedious calculations every time an element is tested. The answer that has already been accepted is a good answer, but let me add a note to say that you can use $.expr.createPseudo instead of setting the sizzleFilter property yourself, which will save a little space.

jQuery.expr[':'].tabIndexAbove = $.expr.createPseudo(function( tabindex ) {
    return function(elem) {
        return +elem.getAttribute('tabindex') > tabindex;
    }
});

$('input:tabIndexAbove(4)').css('background', 'teal');

jsfiddle: http://jsfiddle.net/timmywil/YCsCm/7/

This is all documented on Sizzle’s github:
https://github.com/jquery/sizzle/wiki/Sizzle-Documentation

More Related Contents:

  1. How to get the children of the $(this) selector?
  2. Is there a case insensitive jQuery :contains selector?
  3. jQuery get specific option tag text
  4. How do I get jQuery to select elements with a . (period) in their ID?
  5. document.getElementById vs jQuery $()
  6. jQuery to loop through elements with the same class
  7. What is “context” in jQuery selector?
  8. jQuery’s .bind() vs. .on()
  9. How to get all options of a select using jQuery?
  10. jQuery DOM changes not appearing in view source
  11. Testing if a checkbox is checked with jQuery
  12. Selecting multiple classes with jQuery
  13. Get index of clicked element in collection with jQuery
  14. How do you check if a selector matches something in jQuery? [duplicate]
  15. jQuery select and wrap textNode
  16. Count immediate child div elements using jQuery
  17. jQuery find and replace string
  18. Store jquery selector in variable
  19. How to get text node after element?
  20. jQuery: Check if div with certain class name exists
  21. jQuery :contains(), but to match an exact string
  22. jQuery support “:invalid” selector
  23. Getting a jQuery selector for an element
  24. In jQuery, is selecting by class or id faster than selecting by some other attribute?
  25. Find HTML based on partial attribute
  26. Combine two selectors with one jQuery object
  27. How to select empty inputs (value=””) using jQuery
  28. What is the new proper way to use a child selector with a context node in jQuery?
  29. jQuery: Select data attributes that aren’t empty?
  30. Why do functional pseudos such as :not() and :has() allow quoted arguments?

Leave a Comment