JavaScript 使用任意数字

Question

我正在构建一个自定义灯箱系统(因为我不喜欢任何系统如何处理它)，并且我需要一种方法来检测灯箱是否已打开。

我想做的是:

if (getElementById("lb" + ##).clientHeight > 0) {
  // do nothing
} else {
  // execute code
}

其中 ## 代表任意两个数字的任意组合，因此如果我有

<div class="lightbox" id="lb01">
  <!-- empty -->
</div>
<div class="lightbox" id="lb02">
  <!-- empty -->
</div>

我可以检测其中一个是否正在显示，如果是，则不打开另一个。

编辑:我真的不想使用 jQuery，这看起来应该比我得到的一些答案容易得多。我愿意更改任何内容以使其正常工作，这些类或 ID 都不是最终的。

编辑2:想出了一个更简单的方法来做到这一点。我设置了一个全局 var lb = 0; ，然后检测该变量的值，如果它等于 0，则运行该函数并将该值更改为 1。当我运行关闭函数时，它将值更改回 0。这可以防止它有多个打开状态，而无需你们给我那些疯狂的 JS 东西。

基本上，代码现在看起来像这样，并且完全按照我想要的方式工作。

var lb = 0;

function lightbox(id) {
  if (lb == 0) {
    lb = 1;
  } else {
    // do nothing
  }
}

function hideme(id) {
  lb = 0;
}

Answer 1

使用类，或者(如果有的话)jQuery .