Using regex in selector to exclude certain items

How to?
#1

Can I use Regex to exclude specific selector results?
For example, I select product categories from a menu using

li.main-navigation-level1-item > span > a[href]

but I want to exclude any result that contains the word "wine"

Is this possible?
Thanks

#2

@beau Yes, it is possible by applying jQuery selectors - ':not' & ':contains'

li.main-navigation-level1-item > span > a[href]:not(:contains('Wine'))

Please, note that this is case sensitive.

Learn more: Selectors | jQuery API Documentation

#3

Brilliant!

Is this in the documentation as I couldn't find anything about it and it's really useful!

#4

Also, how can I add "wine" OR "tobacco"?

#5

li.main-navigation-level1-item > span > a[href]:not(:contains('Wine')):not(:contains('wine')):not(:contains('tobacco'))

1 Like