What JQuery selector excludes items with a parent that matches a given selector?

by

The truth of the matter is that jQuery simply does not have a particularly elegant way to do what you want. While chaos’ answer does work, you have to wonder whether the complicated selector (that would be about as slow as a selector can be in a complicated webpage) is worth it over the more verbose but faster filter function you have. This is not really that big of a deal, I am just personally weary of particularly long, convoluted selectors when I can avoid it.

A different option is to create your own selector, since jQuery is awesome:

jQuery.expr[':'].parents = function(a,i,m){
    return jQuery(a).parents(m[3]).length < 1;
};

$('.foo,.bar').filter(':parents(.baz)');

The expr map is part of the Sizzle selector engine and documentation can be found here: Sizzle Custom Pseudo-Selectors

More Related Contents:

  1. Why is my jQuery :not() selector not working in CSS?
  2. jQuery or CSS selector to select all IDs that start with some string [duplicate]
  3. CSS selector case insensitive for attributes
  4. What CSS3 selectors does jQuery really support, e.g. :nth-last-child()?
  5. jQuery: select an element’s class and id at the same time?
  6. jQuery :contains selector to search for multiple strings
  7. :nth-of-type() in jQuery / Sizzle?
  8. Difference between CSS selector and jQuery filter?
  9. Performance differences between using “:not” and “.not()” selectors?
  10. CSS Trouble adding border
  11. jQuery how to find an element based on a data-attribute value?
  12. Wildcards in jQuery selectors
  13. Set select option ‘selected’, by value
  14. Jquery bind double click and single click separately
  15. How can I detect if a selector returns null?
  16. jQuery attribute name contains
  17. Selecting only first-level elements in jquery
  18. How to select an element that has focus on it with jQuery
  19. jQuery scrollTop not working in Chrome but working in Firefox
  20. First word selector
  21. How do you select elements based on their style?
  22. Find all elements based on ids using regex on jQuery selector
  23. A cleaner way to select by multiple possible attribute values?
  24. jQuery: select all elements of a given class, except for a particular Id
  25. Jquery find all ids starting with a string?
  26. Select last 5 elements with jQuery
  27. jQuery: using a variable as a selector [duplicate]
  28. Is there a jQuery-like CSS/HTML selector that can be used in C#?
  29. How to use placeholder as default value in select2 framework
  30. How do I select an element with special characters in the ID?

Leave a Comment