我有一个弹出窗口下有一个空白层。空白层的 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 比我的弹出层少一个数字。