jQuery在div外部单击后删除类

单击div外部后如何删除类。以下代码不起作用。请帮帮我。 谢谢

$（文档）.ready（函数（）{
$（“.toggles菜单”）。单击（函数（）{
美元（“.main nav”）。滑动切换（“200”）；
});
});
//如果用户在下拉列表之外单击，请关闭下拉列表
window.onclick=函数（e）{
如果（！e.target.matches（'.toggles菜单'））{
var mytoggles=document.getElementByClassName（“主导航”）；
if（mytoggles.classList.contains（'main-nav'））{
mytoggles.classList.close（'main-nav'）；
}
}
}

首先，它是document.getElementsByClassName，并返回一个数组，因此需要使用

[0]

获取该类的第一个元素

$（文档）.ready（函数（）{
$（“.toggles菜单”）。单击（函数（）{
美元（“.main nav”）。滑动切换（“200”）；
});
});
//如果用户在下拉列表之外单击，请关闭下拉列表
window.onclick=函数（e）{
如果（！e.target.matches（'.toggles菜单'））{
var mytoggles=document.getElementsByClassName（“主导航”）[0]；
if（mytoggles.classList.contains（'main-nav'））{
mytoggles.style.display=“无”；
}
}
}

菜单
主导航div

@Shehab Mahmud它不工作的原因是我没有主导航的

div

。我编辑了我的答案。