Javascript 隐藏实体上的元素单击

$（文档）。在（'click'，'body'，函数（e）上{
如果（e.target==$（'.moreOptionsMenu'））{
返回false；
}否则{
$（'.moreOptionsMenu'）.remove（）；
}
});
$（文档）.on（'click'，'.fa.fa bar.moreOptions'，函数（e）{
e、 停止传播（）；
$（'body'）。追加（'something'）；
});
.more选项菜单{
宽度：50px；
高度：50px；
背景：红色；
}
.更多选择{
宽度：50px；
高度：50px；
背景：蓝色；
}
您是否尝试使用e.stopPropagation（）阻止事件冒泡。例如：

$(document).on('click','.fa.fa-bars.moreOptions', function(e){
  e.stopPropagation();
  $('body').append('<div class="moreOptionsMenu">something</div>');
});

$（文档）.on（'click'，'.fa.fa bar.moreOptions'，函数（e）{
e、 停止传播（）；
$（'body'）。追加（'something'）；
});
请添加相关的HTML和CSS，以便我们可以重新创建您的场景。请根据要求和合适的示例正确地制定您的问题，如果我知道，我会尝试一下：/Thank请投票给我答案，这样问题就显示为已回答？它适用于一部分，但不适用于另一部分，当我点击n追加div时，它会关闭，我不需要它，但我会接受它