等同于jquery中的.is（）与本机javascript

Question

I'm trying to convert my website JavaScript code from jQuery to native JavaScript because I want to learn JavaScript and also remove jQuery in my website.

This is the code im trying to convert

 if ($('.product').is('.standalone, .expired')) { //results  }

is there an equivalent of this in JavaScript?

Thank you in advance.

Answer 1

Seems in this specific case you want to check if the element contains these two classes, if it is so then you can use document.querySelectorAll to get all the matched elements & check classList.contains to check if the element have that specific class

 document.querySelectorAll('.product').forEach(function(item) { if (item.classList.contains('standalone') && item.classList.contains('expired')) { item.classList.add('colotText') } }) 

 .product { width: 100px; border: 1px solid red; } .colotText { color: green } 

 <div class="product standalone expired">One</div> <div class="product">Two</div> <div class="product standalone expired">Three</div> <div class="product">Four</div>