How to find if an array contains a specific value in JavaScript/jQuery?

Question

How can I check if my list .sidebar contains data-id="1".

<ul class="sidebar">
  <li data-id="1">Option 1</li>
  <li data-id="2"> Option 2</li>
  <li data-id="3"> Option 3</li>
</ul>

That isn't valid HTML. I doubt it's producing what you think it's producing. — Mike Cluck
– Mike Cluck, Commented Aug 15, 2016 at 20:58
Assuming it was valid, as in <li data-id="1"></li> you could do $('.sidebar li[data-id="1"]').length — adeneo
– adeneo, Commented Aug 15, 2016 at 21:01

adeneo · Accepted Answer · 2016-08-15 21:03:51Z

1

Select all LI's with a data-id attribute with the value 1, and check the length of the collection to see if that element exists

var exists = $('.sidebar li[data-id="1"]').le‌ngth !== 0;

answered Aug 15, 2016 at 21:03

adeneo

319k29 gold badges410 silver badges392 bronze badges

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

Comments

Madbreaks · Accepted Answer · 2016-08-15 21:02:17Z

1

var hasIt = $('ul.sidebar[data-id="1"]').size() > 0;

answered Aug 15, 2016 at 21:02

Madbreaks

19.6k7 gold badges62 silver badges75 bronze badges