javascript - 如何从 HTML DOM 中完全隐藏一个 div？

Question

我的页面中有 2 个 div，每个 div 都有类 a 和 b。我也有2个网址

• www.site.com/a
• www.site.com/b

目标:当我在 site/a 时，我想用类 b 隐藏 div反之亦然。

目标是从 DOM 中完全隐藏它们。我不确定该怎么做。

我试过了

JS

var lastSegment = location.pathname.split('/').pop();

if (lastSegment === 'a') {

    $(".a").removeClass("hidden");

} else {

    $(".b").removeClass("hidden");

} 

CSS

.hidden {
  display: none!important;
  visibility: hidden!important;
}

HTML

<div class="a hidden"> // Logic </div>
<div class="b hidden"> // Logic </div>

结果

当我检查元素时，我可以看到两个 div。

对此的任何帮助/提示/建议将不胜感激

Answer 1

jQuery 的 .detach()正在这样做。

The .detach() method is the same as .remove(), except that .detach() keeps all jQuery data associated with the removed elements. This method is useful when removed elements are to be reinserted into the DOM at a later time.