Hide Element by jquery classes

Question

I have parent element whose id is course.

course are multiple div inside it. Inside div are having classes like mba,engineering,information technology etc.

Now i want to hide div's having management,mba,finance class.

I have tried following code:

elem = $("#course");
if (elem.hasClass("management mba finance")) {
   elem.hide();
}

But it is hiding parent $("#course") div.

How i can hide or process div's having management,mba and finance classes.

Might you can give them all internal divs a course-item class that you have only to call one class instead of 3 in your jquery function — Azd325, Mar 31 '14 at 13:49
possible duplicate of http://stackoverflow.com/questions/2214952/jquery-hasclass-check-for-more-than-one-class — andrew, Mar 31 '14 at 13:50

Milind Anantwar · Accepted Answer · 2014-03-31T14:11:38.150

7

try this:

$("#course").find(".management,.mba,.finance").hide();

to hide element having all three classes:

$("#course").find(".management.mba.finance").hide();

edited Mar 31 '14 at 14:11

answered Mar 31 '14 at 13:47

Milind Anantwar

Thanks Milind, but finding elements using , is or condition. it will hide all div having class management.Select all elements with class "management", "mba" or "finance": – Hitesh Modha Mar 31 '14 at 13:53
so You want hide element that have all three classes in it?? If that is the case then check the other solution i have edited above. – Milind Anantwar Mar 31 '14 at 14:11

Ishan Jain · Answer 2 · 2014-03-31T13:57:40.110

1

You can directly use class selector with Jquery .Hide().

$(".YourClassName").hide(); // Please replace "YourClassName" with original class

As you described in question description -

You want to hide element which have classes like management, mba, finance.

then you can -

$("#course .management, #course .mba, #course .finance").hide();

OR

$("#course > .management,.mba,.finance").hide();

edited Mar 31 '14 at 13:57

answered Mar 31 '14 at 13:49

Ishan Jain

First add the class YourClassName to the management,mba and finance class divs. – QuentinUK Mar 31 '14 at 13:51
Correct , but it's not the best way – Sudharsan S Mar 31 '14 at 13:55
@sudhar: Yes, But "Milind Anantwar" already put an answer for this. So i tried to make my answer differ from other persons. – Ishan Jain Mar 31 '14 at 14:02
@IshanJain, yes, there's more than one way to do it. The best answer depends what else the OP wants to do. If he only want this group of classes for this it would be better not to make another class. If he wants to do lots of things with this group of classes it would then be worth making the extra class to group them. – QuentinUK Mar 31 '14 at 14:05
@QuentinUK: Yes, I you are right. I agree with you. :) – Ishan Jain Mar 31 '14 at 14:12

score 1 · Answer 3 · answered Mar 31 '14 at 14:00

1

It is working...

If you want to hide a div that contains all 3 classes then

$(".management.mba.finance").hide();

will work.

answered Mar 31 '14 at 14:00

Hitesh Modha

score 0 · Answer 4 · edited Apr 01 '14 at 05:05

0

You can use the following to hide the elements within ID and Classes

$('.className').hide();
$('#ElementID').hide();

$("#course .management, #course .mba, #course .finance").hide();

For more information you can visit the link .hide() and .show() follow the right way according to your requirements.

Try In Fiddle

edited Apr 01 '14 at 05:05

nrsharma

answered Apr 01 '14 at 05:01

TheDean

4 Answers4