Javascript 如何检查div是否可见，然后使用jQuery在单击除此div之外的任何其他位置时隐藏它？

我有一张ID为h-plus的照片

当点击它时，它会将d类块添加到图像中并关闭箭头

当有人单击“关闭箭头”时，图像和箭头将消失

这是我的密码：

$(function() {
  $("#h-plus-1").click(function() {  
    $('#h-image-1').addClass("d-block");
    $('#h-close-arrow-1').addClass("d-block");
  });
});
  $(function() {
  $("#h-close-arrow-1").click(function() {     
    $('#h-image-1').removeClass("d-block");
    $('#h-close-arrow-1').removeClass("d-block");
  });
});

我试图实现的是编写jQuery脚本，该脚本将检查h-image是否具有类d-block，以及是否具有此类，然后在用户单击h-image以外的任何位置时将其隐藏。某种灯箱，但没有灯箱覆盖效果

我将非常感谢您的帮助。

尝试使用它：$（文档）。单击（函数（事件）{var$target=$（事件.target）；如果（！$target.closest（'h-image-1'）。长度和$（'h-image-1'）。hasClass（“d-block”）{$（'h-image-1'）。removeClass（“d-block”）；$（'h-close-arrow-1'）。removeClass（“d-block”）；但是不起作用