How can I check the clicked element has also class x?

Question

Here is my code:

doc.on("click", ".add_your_qora", function(e){
     // in here I need to know, has this element also "myclass" class too?
})

As I've commented in the code, I need to know, has .add_your_qora element also myclass or not? How can I determine that?

Google: https://www.google.com/search?q=jquery+check+if+element+has+class — , May 11 '18 at 20:12
You've even used `.hasClass()` [in your own code examples](https://stackoverflow.com/questions/39661525/how-can-i-define-the-rest-of-width) — , May 11 '18 at 20:16
you just can define a different function for the case: `doc.on("click", ".add_your_qora.myclass", function(e){...`. It will run for `.add_your_qora` element that has `.myclass` as well. for an opposite case you can use selector `".add_your_qora:not(.myClass)` — Banzay, May 11 '18 at 20:44

score 0 · Answer 1 · answered May 11 '18 at 20:15

You can use Element.classList.contains.

Example without jQuery:

document.querySelector(".add_your_qora").addEventListener("click", e => {
        if (e.target.classList.contains("myclass") {
            console.log("The element has myclass");
        }
};

score -1 · Answer 2 · answered May 11 '18 at 20:11

-1

You can use $(this).hasClass('myClass');

answered May 11 '18 at 20:11

Grant Thomas

44,454
10
85
129

score -1 · Answer 3 · answered May 11 '18 at 20:21

You can use className property, like

myFunction(){
var target = document.getElementById('the_div_id');
if(target.className === "myclass"){
    alert("it has myclass");
}
}

You can also have a look at this https://gist.github.com/sonnyt/8585696 , see if this helps you.

How can I check the clicked element has also class x?

3 Answers3