Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 通过jquery类隐藏元素_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 通过jquery类隐藏元素

Javascript 通过jquery类隐藏元素,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个id为课程的父元素 课程中有多个div。部门内部有mba、工程学、信息技术等课程 现在我想隐藏div的管理、mba、金融课程 我尝试了以下代码: elem = $("#course"); if (elem.hasClass("management mba finance")) { elem.hide(); } 但它隐藏了父$(“#course”)div 我如何隐藏或处理div的管理、mba和金融课程。试试这个: $("#course").find(".management,.mb

我有一个id为课程的父元素

课程中有多个div。部门内部有mba、工程学、信息技术等课程

现在我想隐藏div的管理、mba、金融课程

我尝试了以下代码:

elem = $("#course");
if (elem.hasClass("management mba finance")) {
   elem.hide();
}
但它隐藏了父$(“#course”)div

我如何隐藏或处理div的管理、mba和金融课程。

试试这个:

$("#course").find(".management,.mba,.finance").hide();
要隐藏包含所有三个类的元素,请执行以下操作:

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

您可以直接将类选择器与Jquery一起使用

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

你们想要隐藏的元素有管理类,mba类,金融类

那么你可以-

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

它正在工作

如果要隐藏包含所有3个类的div,则

$(".management.mba.finance").hide();
会有用的


您可以使用以下命令隐藏ID和类中的元素

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

$("#course .management, #course .mba, #course .finance").hide();
有关更多信息,您可以访问链接根据您的要求按照正确的方式操作


试一试

拥有所有或其中任何一个你可以给他们所有的内部div一个课程项目类,你只需要在jquery函数中调用一个类而不是3个类可能与第一个类重复将你的类名添加到管理、mba和金融类div中。正确,但这不是最好的way@sudhar:是的,但“米林德·阿南特瓦尔”已经给出了答案。所以我试图让我的答案与其他人不同。@IshanJain,是的,有不止一种方法可以做到这一点。最佳答案取决于OP还想做什么。如果他只想要这组课程,那么最好不要再上另一个课程。如果他想在这组课上做很多事情,那就值得让额外的课来分组。@QuentinUK:是的,我想你是对的。我同意你的看法谢谢Milind,但是使用查找元素是一个问题或条件。它将隐藏所有具有类管理的div。选择所有具有类“management”、“mba”或“finance”的元素:所以您希望隐藏包含所有三个类的元素??如果是这种情况,请检查我在上面编辑的其他解决方案。
$(".management.mba.finance").hide();
$('.className').hide();
$('#ElementID').hide();

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