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.

Accepted Answer

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();

Answer 2

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

Example:

$(".rcbScroll").hide()

Answer 3

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

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

3 Answers