jquery - 删除具有 z-index 位置的图层

Question

我有一个弹出窗口下有一个空白层。空白层的 z-index 的数量总是比 popup 少一个数字。当用户单击弹出窗口中的关闭按钮时，我应该删除弹出层和空白层。我可以轻松删除弹出层，但如何删除空白层？

这是我用于删除弹出窗口的 jQuery 代码：

        var curZIndex = $(this).closest('.popup').css('z-index');
        $(this).closest('.popup').remove();

更新：

<div style="width: 1263px; height: 756px; opacity: 0.8; background-color: black; position: absolute; top: 0px; z-index: 103;"></div>

<div style="width: 1263px; height: 756px; opacity: 0.8; background-color: black; position: absolute; top: 0px; z-index: 100;"></div>

<div style="width: 1263px; height: 756px; opacity: 0.8; background-color: black; position: absolute; top: 0px; z-index: 95;"></div>

 ... ANOTHER TAGS ...

<div class="popup" style="left: 144.5px; top: 100px; z-index: 104; width: 957px;">
  <div class="popup_bc_top">
    <div class="popup_bc_tl"></div>
    <div class="popup_bc_tm"></div>
    <div class="popup_bc_tr"></div>
  </div>
  <div class="popup_bc_middle">
    <div class="popup_bc_ml">
      <div class="popup_bc_mr">
        <div class="popup_bc_cnt" style="height: 590px;">
          <div class="inner_popup" style="z-index: 102; width: 951px;">
            <div class="inner_popup_bc_top">
              <div class="inner_popup_bc_tl"></div>
              <div class="inner_popup_bc_tm"><a class="closeIcon" href="#closePanel">X</a></div>
              <div class="inner_popup_bc_tr"></div>
            </div>
            <div class="inner_popup_bc_middle">
              <div class="inner_popup_bc_ml">
                <div class="inner_popup_bc_mr">
                  <div class="inner_popup_bc_cnt" style="height: 550px;">
                    CONTENT
                  </div>
                </div>
              </div>
            </div>
            <div class="inner_popup_bc_bottom">
              <div class="inner_popup_bc_bl"></div>
              <div class="inner_popup_bc_bm"></div>
              <div class="inner_popup_bc_br"></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="popup_bc_bottom">
    <div class="popup_bc_bl"></div>
    <div class="popup_bc_bm"></div>
    <div class="popup_bc_br"></div>
  </div>
</div>

更新 2：

我有不止一个空白层，所以我不能使用$('#hideLayer').remove(); ，但是只有一层的 z-Index 比我的弹出层少一个数字。

Answer 1

行后：

$(this).closest('.popup').remove();

对背景层调用相同的过程：

$("#hideLayer").remove();

---

请注意，您正在从文档中删除这些元素！它们稍后将不可用！

如果您需要它们可用于重用，您应该使用.hide()

Answer 2

我想你所需要的就是：

$('#hideLayer').hide();

Answer 3

只需使用其 id 删除空白层：

$('#hideLayer').remove()