Question

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

这是我用于删除弹出窗口的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

我认为你所需要的只是：

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

Answer 2

只需使用其ID：

删除空白图层

$('#hideLayer').remove()

Answer 3

行后：

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

将相同的程序调用到背景图层：

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

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

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

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

3 个答案: