通过jquery类隐藏元素

Question

我有父元素，其ID为课程。

当然里面有多个div。 div内部有mba，工程，信息技术等课程。

现在我想隐藏div拥有管理层，MBA，金融类。

我尝试过以下代码：

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

但它隐藏了父级$（＆＃34;＃course＆＃34;）div。

我如何隐藏或处理div拥有管理，MBA和金融课程。

Answer 1

试试这个：

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

隐藏具有所有三个类的元素：

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

Answer 2

您可以直接将类选择器与Jquery .Hide()一起使用。

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

正如您在问题描述中描述的那样 -

您想要隐藏具有管理，MBA，金融等类的元素。

然后你可以 -

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

OR

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

Try in Fiddle

Answer 3

它正在运作......

如果你想隐藏包含所有3个类的div，那么

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

会奏效。

http://jsfiddle.net/3M5LU/

Answer 4

您可以使用以下内容隐藏ID和类中的元素

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

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

有关详情，请访问 .hide() 链接 .show() ，并按照您的要求按照正确的方式进行操作。

试用Fiddle