如何选择div的其余部分？

Question

我遇到了问题

<div id='parent'>
  <div id='child'>
  </div>
</div>

我想要的是当孩子被点击addClass,当其余的父母被点击removeClass,所以当我尝试做

$('#child').click(function(){
  $(this).addClass();
})
$('#parent').click(function(){
  $('#child').removeClass();
})

它不起作用我认为它是因为孩子实际上在父母的内部,所以当孩子被点击时,父母点击了吗？

那我该怎么办呢？

Answer 1

试试这个:

$('#child').click(function(evt){
  evt.stopPropagation();
  $(this).addClass("myClass");
});