jQuery selecting all elements without a certain tag in them

Question

$('.products .product-category[data-slug="'+slug+'"] .expander').slideDown();

I have the above selector but I am trying to add another selector elsewhere that select all BUT [data-slug="'+slug+'"] and slide them up using .slideUp()

Thanks

Answer 1

You can use :not selector

$('.products .product-category:not([data-slug="'+slug+'"]) .expander').slideUp()

Answer 2

Try .not()

$('.products .product-category').not('[data-slug="'+slug+'"] .expander').slideUp();

---

:not()

$('.products .product-category:not([data-slug="'+slug+'"] .expander').slideUp();

---

Attribute Not Equal Selector [name!="value"]

$('.products .product-category[data-slug!="'+slug+'"] .expander').slideDown();

Answer 3

Try to use .not():

$('.products').not('.product-category[data-slug="'+slug+'"] .expander').slideUp();

Answer 4

Try .not():

$('.products .product-category').not('[data-slug="'+slug+'"]').find('.expander').slideUp();