1

我正在使用 HTML、JavaScript 和 CSS 做一些原型设计。该原型是用于在移动设备上运行的应用程序套件。每个屏幕都内置在它自己的 DIV 中。有一个主屏幕，几个屏幕关闭，等等。

用户应该能够随时转储到主屏幕。每个屏幕中的某些元素在默认情况下是可见的，而其他元素则根据某些操作而特别可见。

我遇到的问题是，将其中一个屏幕 DIV 设置为隐藏时，我仍然可以看到我明确显示的该 DIV 的子元素。我知道有隐藏目标 DIV 的所有子元素的预先存在的代码，但我只想隐藏我已使其可见的那些。

那里有代码可以帮助我吗？我可以概念化一种我可以围绕这个编程的方式，但我不想重新发明轮子。

示例 HTML：

<div id="parentDiv">
  <span id="childElement" style="visibility:hidden"></span>
</div>

示例 JavaScript：

$('childElement').style.visibility = 'visible';
$('parentDiv').style.visibility = 'hidden';

完成此示例后，我仍然可以看到 childElement。

注意：在 Windows XP 上使用 Opera

4

1 回答 1

1

尝试使用

$('parentDiv').style.display = "none";

然后让它可见

$('parentDiv').style.display = "block"
于 2009-11-11T02:06:23.373 回答