Hide div with class name having space in it using jquery

Question

<div class="rcbScroll rcbWidth rcbNoWrap" style="height: 200px; width: 100%; overflow: auto"> </div>

This is my div. I want to hide the div using the class name. I am not able to do as class name as space in it. It is only one class.

Class names cannot have spaces in them. Spaces denote separate classes. — Wes Cossick
– Wes Cossick, Commented Mar 29, 2013 at 6:18

Hugo Dozois · Accepted Answer · 2016-05-02 01:04:44Z

14

Class names can not have spaces in them. So you have to think of it as 2 class names.

Eg: class="word1 word2"

Can be selected with the following:

var myVar = $('.word1.word2');

In your specific case, it becomes:

$('.rcbScroll.rcbWidth.rcbNoWrap').hide();

answered Mar 29, 2013 at 6:20

Hugo Dozois

8,49812 gold badges56 silver badges59 bronze badges

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

Comments

ATOzTOA · Accepted Answer · 2013-03-29 06:20:30Z

4

The spaces means multiple class names, you can use any of these classes to hide the div.

Example:

$(".rcbScroll").hide()

answered Mar 29, 2013 at 6:20

ATOzTOA

36.1k23 gold badges101 silver badges119 bronze badges

Adil · Accepted Answer · 2013-03-29 06:36:25Z

2

You can use dot to join multiple classes in selector being separated by space character.

$(".rcbScroll.rcbWidth.rcbNoWrap").hide();

answered Mar 29, 2013 at 6:19

Adil

148k25 gold badges217 silver badges207 bronze badges