Question

我想隐藏所有位于特定div下面的div。实际上，我已经通过免费的托管服务提供商网站托管了我的虚拟网站，他们在我的页面下方显示了其网站信息。该信息位于div内，但未应用ID或类。因此，我想隐藏所有位于特定div之后的div。我怎样才能做到这一点？

网站结构如下：-

form body
<br>
my site content
<br> 
my empty div
<br>
their div with their site content.

我给空的div指定了ID，并希望隐藏所有在空div之下的div。谢谢

Answer 1

虽然我同意罗伯特·哈维（Robert Harvey）的观点，但我建议你不要这样做，但我还是会分享一些学习经验的摘要。

var selectedDiv = document.getElementById('_id_of_element');

while (selectedDiv.nextElementSibling) {
  var sibling = selectedDiv.nextElementSibling;
  sibling.parentNode.removeChild(sibling);
}

Answer 2

您可以使用CSS来实现。但这可能与他们的服务条款背道而驰。

#yourDiv ~ div {
  display: none;
}

<div id="yourDiv">
  Your content
</div>
<div>
  Hosting content 1
</div>
<div>
  Hosting content 2
</div>

Answer 3

添加以下脚本以隐藏特定div之后的所有div-

$( "my-empty-div-id" ).nextAll("div").hide();

如何隐藏div下面的所有div元素？

3 个答案: