javascript - jquery select parent not child -

i need select parent div not child, how do in jquery. want create simple login box, should hide if , if click on parent div, if click on child div box should not hide.
below code.

 jquery(document).ready(function ()      {          jquery("li.login-link").click(function ()          {              jquery("div#login-container").css("display", "block");          });          jquery("div#login-container not:(div#login-box)").click(function ()          {              jquery("div#login-container").css("display", "none");          });      });

<div id="login-container"> <!--parent div. should hide when click on div-->      <div id="login-box"> <!--child div. should not hide parent when click on this-->                </div>  </div>

you can use .parent(): https://api.jquery.com/parent/

$('div#login-box').parent() 

or

$('div#login-box').parent('div#login-container') 

edit

as per comment below, think after stop propagation: https://api.jquery.com/event.stoppropagation/

//hide box when click parent: $('div#login-container').click(function() { $(this).hide() });  // stop child click bubbling parent $('div#login-box').click(function(e) {      e.stoppropagation(); });