单击除该元素之外的任何内容时，删除元素类

Question

虽然我之前已经多次询问过这个问题，但是我已经尝试过这个时代，但仍然没有成功。

<script>
  if ($('.pop-up-bottom-notif-cl').hasClass('is-active-below-notif') === true) {
    $('body').click(function(e){
      if (e.target.id != 'pop-up-bottom-notif') {
        $('#pop-up-bottom-notif').removeClass('is-active-below-notif');
      }
    })
  };
</script>

因此，如果元素具有某个类（当它在页面上可见时会执行），那么它会侦听单击事件 - 如果单击目标的id不是＆＃39;弹出 - 底通知符＆＃39;然后删除该元素的类。

我可能遗失的任何想法？

更新 这是HTML的一部分

<div class='pop-up pop-up-notif pop-up-bottom-notif-cl' id='pop-up-bottom-notif'>
  <div id='notif-pop-up-x'>
    <div id='pop-up-close-btn'>
      <img src="img/close.png" title='Close'/>
    </div>
  </div>
  <div class='notif-pop-up-cta'>
    <a href='{% url "co-notifs" %}'>View all</a>
  </div>
</div>

我也尝试使用.not()方法，而不是其他方式的选择器 - 所以解决方案必须与其他问题略有不同