jquery - 移动具有不可见内容的元素

Question

我有一个加载内容的页面。我.clone()确定了某些元素，然后隐藏原始元素，然后将克隆的元素附加到 dom。特别是有一个元素连接到 CMS 字段，用户可以在其中添加脚本和内容。即使其中没​​有任何内容，该字段也会显示。

这个盒子可以由无数的html节点组成，主要是五组。

1. 评论<!-- -->
2. 脚本标签<script></scripts>
3. 用于分析跟踪的图像zferral通常包含display:none
4. 文本plain text（不包含在 html 中）
5. html<b>hello</b>

如果它有纯文本或 html（不是display:none），我想显示这个框。

重申一下，我移动了这个框，所以我不想bool说我是否应该用 javascript 把它放进去。

Answer 1

您可以在放置所有内容的盒子内放置一个包装器 div（具有 0 个填充、0 个边距、无边框、溢出隐藏、自动宽度、自动高度）。然后只需使用 jquery 来计算该框的尺寸。如果它的尺寸为零。它不包含可见元素。唯一不起作用的情况是内容是具有绝对/固定位置的 html 元素。