jQuery selector does not have specific data attribute

Question

I have an attribute being applied to my dynamically created divs called data-product. Is there a selector I can use to select all divs without a specific data-product value? For instance, if one of the data-product values is "radio," is there a way I can select every div with a data-product value that does not equal radio?

<div data-product="radio" class="product"></div>
<div data-product="television" class="product"></div>
<div data-product="speakers" class="product"></div>

Thanks in advance!

SarathSprakash · Accepted Answer · 2014-08-06 14:23:23Z

9

Here is what you want

$(".product[data-product!='radio']")

or

$(".product:not([data-product='radio'])")

Hope this helps

answered Aug 6, 2014 at 14:23

SarathSprakash

4,6142 gold badges21 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

BoltClock · Accepted Answer · 2014-08-06 14:25:16Z

1

You can either use jQuery's proprietary attribute-not-equal selector:

$('div.product[data-product!="radio"]')

Or if you prefer a more standards-based selector (i.e. one that can be used in CSS), use :not() with a regular attribute selector:

$('div.product:not([data-product="radio"])')

answered Aug 6, 2014 at 14:25

BoltClock

728k165 gold badges1.4k silver badges1.4k bronze badges

Collectives™ on Stack Overflow

jQuery selector does not have specific data attribute

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related