How to add an Array of classes to an element using jQuery? Ex. Add different color to different using [array]

With jQuery 3.3.0, the .addClass().removeClass(), and .toggleClass() methods accept an array of classes. We will see how to add different color to n number of div elements on jQuery 1.11.0

In this scenario, we will be applying different class to 7 box. The HTML result looks like this


The colors from array are assigned to the element using .each function. jQuery logic is below:


and CSS to design the boxes


The final result is shown below


See fiddle.

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s