单击外部/正文关闭下拉菜单

Question

我已经在CSS和jQuery中构建了一组下拉菜单，但是我很难通过单击外部/身体来关闭所有打开的菜单。我发现现有类似的问题建议使用.closest()方法，但我似乎无法实现这一点：

$('body').click(function(e) {
    if ($(e.target).closest('.dropdown-menu').length === 0) {
        $('.dropdown-menu').hide();
    }
});

我还尝试过以下方法：

$('body').on('click', function() {
  if ($('.dropdown-menu').is(':visible')) {
    $('.dropdown-menu').hide();
  }
});

谢谢！