通过 jquery 类隐藏元素答案

【问题标题】：Hide Element by jquery classes通过 jquery 类隐藏元素
【发布时间】：2014-05-10 21:22:17
【问题描述】：

我有一个 id 为 course 的父元素。

course里面有多个div。里面的div有mba、工程、信息技术等课程。

现在我想隐藏 div 的管理、mba、金融类。

我尝试了以下代码：

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

但它隐藏了父 $("#course") div。

我如何隐藏或处理具有管理、mba 和财务类的 div。

【问题讨论】：

【解决方案1】：

试试这个：

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

隐藏所有三个类的元素：

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

【讨论】：

【解决方案2】：

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

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

正如你在问题描述中所描述的 -

您想隐藏具有管理、mba、金融等类的元素。

那么你可以 -

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

或

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

【讨论】：

首先将类YourClassName添加到管理类、mba类和金融类div中。
正确，但这不是最好的方法
@sudhar：是的，但是“Milind Anantwar”已经为此提供了答案。所以我试图让我的答案与其他人不同。
@IshanJain，是的，有不止一种方法可以做到这一点。最好的答案取决于 OP 还想做什么。如果他只想要这组课，最好不要再开课了。如果他想用这组课程做很多事情，那么值得制作额外的课程来对它们进行分组。
@QuentinUK：是的，你是对的。我同意你的看法。 :)

【解决方案3】：

它正在工作......

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

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

会起作用的。

【讨论】：

【解决方案4】：

您可以使用以下方法来隐藏 ID 和 Classes 中的元素

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

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

更多信息您可以访问链接.hide()和.show()根据您的要求按照正确的方式。

试试Fiddle

【讨论】：