Javascript jquery选择父项而不是子项

我需要选择parent div而不是child，我如何在jQuery中做到这一点。 基本上，我想创建一个简单的登录框，当且仅当我单击父div时，它应该隐藏，如果我单击子div，则该框不应该隐藏。
下面是代码

jQuery（文档）.ready（函数（）
{
jQuery（“li.login链接”）。单击（函数（）
{
jQuery（“div#login container”）.css（“display”、“block”）；
});
jQuery（“div#login container not:（div#login box）”）。单击（函数（）
{
jQuery（“div#login container”）.css（“display”、“none”）；
});
});

您可以使用
.parent（）
：

或

编辑

根据您在下面的评论，我认为您正在停止传播：

检查这个

HTML:

<div id="login-container">
    <div id="login-box">
        Hi
    </div>
</div>

试一试


jQuery（函数（$）{
$（“#登录容器”）。单击（函数（e）{
if（！$（e.target）.最近（“#登录框”）.长度）{
$（“div#login container”）.hide（）；
}
});
});
#登录容器{
边框：1px纯红；
填充：20px；
最小高度：100px；
}
#登录框{
边框：1px纯绿色；
填充：20px；
最小高度：100px；
}

对不起，你是什么意思。。。既然你有身份证。。。使用它来选择元素我的要求是，当我单击div#login容器时，它将被隐藏，而不是在子对象（#login box）的click事件上。实际上，我只想在单击父对象（div#login container）而不是子对象（div#login box）click事件时隐藏登录容器
$('div#login-box').parent('div#login-container')

//hide the box when you click the parent:
$('div#login-container').click(function() { $(this).hide() });

// stop child click bubbling up to parent
$('div#login-box').click(function(e) { 
    e.stopPropagation();
});

<div id="login-container">
    <div id="login-box">
        Hi
    </div>
</div>

$("div#login-box").click(function ()
 {
    $(this).parent().css("background-color","red")
     console.log()
 });