Select element with particular data attributes with jQuery

Question

How can I select element with particular data attribute and special class with jQuery please ?

For example, I would like to select these elements:

<div data-roomid="55" data-status="NoData"></div>
<div data-roomid="55" data-status="Open"></div>
<div data-roomid="55" data-status="Close"></div>

But not this one:

<div data-roomid="55" data-status="Book"></div>

My try is the following one:

roomid = 55;
$('[data-roomid="'+ roomid +'"]').each(function(e) {

});

Thanks.

What is a special class? The term class has special meaning in html, so it's a bit confusing what you want. — Erik Philips
– Erik Philips, Commented Apr 2, 2019 at 1:38
One of the divs you want to select is identical to one you don't. — j08691
– j08691, Commented Apr 2, 2019 at 1:39

kukkuz · Accepted Answer · 2019-04-02 01:45:23Z

1

You can use :not selector - see demo below:

var roomid = 55, status = 'Book';
$('[data-roomid="' + roomid + '"]:not([data-status=' + status + '])').each(function() {
  $(this).css({
    color: 'blue'
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div data-roomid="55" data-status="NoData">NoData</div>
<div data-roomid="55" data-status="Open">Open</div>
<div data-roomid="55" data-status="Close">Close</div>
<div data-roomid="55" data-status="Book">Book</div>

answered Apr 2, 2019 at 1:45

kukkuz

42.5k6 gold badges65 silver badges103 bronze badges

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

Comments

alwayslearning · Accepted Answer · 2019-04-02 01:55:13Z

0

Is this what you're looking for?

$('div:not([data-status=Book])[data-roomid='+ roomid +']')

answered Apr 2, 2019 at 1:55

alwayslearning

2682 silver badges9 bronze badges

Collectives™ on Stack Overflow

Select element with particular data attributes with jQuery

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related