Find all elements based on ids using regex on jQuery selector

by

If you were doing this with regex, the expression would simply be:

item-\d-top

Where the \d indicates any single digit (0..9), and the other characters have no special meaning (so are treated as literals).

However, jQuery doesn’t currently have a regex filter (only things like start/end/contains/etc) – so you would have to create your own one (which is possible, but if you were considering that you should stop and consider what/why you’re filtering and figure out if there’s a better way first).

Much simpler would be to create a class (as serg555 suggests), since that’s exactly how you’re treating these items.

Or (if you can’t change the markup to add the class) then use the existing filters, expanding on g.d.d.c’s answer, I might do:

$('div[id^=item-][id$=-top]').hide()

(Since you may have multiple items ending with just ‘top’, either now or in future, so you need to be more specific to avoid unintentionally hiding other things.)

More Related Contents:

  1. jQuery selector regular expressions
  2. jQuery how to find an element based on a data-attribute value?
  3. Why is my jQuery :not() selector not working in CSS?
  4. Access the css “:after” selector with jQuery [duplicate]
  5. Wildcards in jQuery selectors
  6. Set select option ‘selected’, by value
  7. use jQuery’s find() on JSON object
  8. Jquery bind double click and single click separately
  9. Toggle Checkboxes on/off
  10. jQuery select all except first
  11. Selecting elements with a certain background color
  12. Does jQuery do any kind of caching of “selectors”?
  13. How can I detect if a selector returns null?
  14. jQuery: select an element’s class and id at the same time?
  15. jQuery attribute name contains
  16. jQuery :contains selector to search for multiple strings
  17. Multiple selector chaining in jQuery?
  18. Efficient, concise way to find next matching sibling?
  19. First word selector
  20. jQuery select by class VS select by attribute
  21. How to check if an element does NOT have a specific class?
  22. A cleaner way to select by multiple possible attribute values?
  23. jQuery: select all elements of a given class, except for a particular Id
  24. How to select specific form element in jQuery?
  25. Performance of jQuery selector with context
  26. How to select a table column with jQuery
  27. How to use multiple jquery object variables as selectors?
  28. Performance of jQuery selectors vs local variables
  29. Regex validation for numbers with comma separator
  30. Can jQuery selectors be used with DOM mutation observers?

Leave a Comment