jquery - 读取尚未添加到 DOM div 的 CSS 属性

Question

如果我理论上从 ajax 调用中获取以下 HTML:

<div class="super">
    <span> Some Content </span>
</div>

并将其包装在 jquery 对象 $data 中，div 可供我进行操作，但它尚未添加到 DOM 中，直到我通过一些操作函数调用插入它。

在链接的 css 文件中，我为 super css 类设置了宽度和高度。

有没有办法让我读取元素添加时的宽度和高度？

Answer 1

只需创建一个具有相同类的假元素，将其插入到 DOM 中，获取样式并删除该元素:

var elem = $("<div class='super'></div>"),
    width = elem.appendTo('body').css('width');
    elem.remove();

FIDDLE