forum

Home / DeveloperSection / Forums / How can I select an element with multiple classes in jQuery?

Ask Question
Utpal Vishwas

Utpal Vishwas

Follow
I am Utpal Vishwas from Uttar Pradesh. Have completed my B. Tech. course from MNNIT campus Prayagraj in 2022. I have good knowledge of computer networking.

Can you answer this question?

Answer

1 Answers

Aryan Kumar

Aryan Kumar

01-Aug-2023

Sure, here is how to select an element with multiple classes in jQuery:

JavaScript

// Select the element with the class "my-class" and the class "other-class"
var element = $(".my-class.other-class");

The element variable will contain a reference to the element with the class "my-class" and the class "other-class".

Here is an example of how to use this code:

HTML

<html>
<body>

<div class="my-class other-class">This is a div with the class "my-class" and the class "other-class"</div>

<script>
// Select the element with the class "my-class" and the class "other-class"
var element = $(".my-class.other-class");

// Do something with the element
console.log(element);
</script>

</body>
</html>

This code will create a div element with the class "my-class" and the class "other-class". The console.log() method will print the element with the class "my-class" and the class "other-class" to the console.

You can also use the .class() selector to select elements with multiple classes. For example, the following code will select all elements with the class "my-class" or the class "other-class":

JavaScript

// Select all elements with the class "my-class" or the class "other-class"
var elements = $(".my-class, .other-class");

The elements variable will contain an array of all the elements with the class "my-class" or the class "other-class".

MindStick Training

Liked By