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

Question

我有 ID 为 h-plus 的图像。

当它被点击时，它将类 d-block 添加到图像和关闭箭头。

当有人单击关闭箭头时，图像和箭头就会消失。

这是我的代码：

$(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 之外的任何位置时将其隐藏。某种灯箱，但没有灯箱叠加效果。

我会很感激你的帮助。

标签： javascripthtmljquery