如何获取具有隐藏父元素的元素大小？

Question

1.4.4 返回隐藏元素的大小，但是另一个隐藏元素中的元素呢？有没有比getWidth更好的解决方案？

    <script type="text/javascript">
        function getWidth(element){
            var parent = element.parent();
            $('body').append(element);
            var width = element.width();
            parent.append(element);
            return width;
        }

        $(function(){
            var width = $("#foo").width(); 
            console.log(width); //0
            width = getWidth($("#foo"));
            console.log(width); //ok
        });
    </script>
    <div style='display:none'>
        <div style='display:none' id='foo'>bar</div>
    </div>

- dotneter

---

查找隐藏元素的潜在宽度 - Flo

Answer 1

当元素被隐藏时，它们的宽度可能会根据您的样式而变化。当一个隐藏元素位于另一个隐藏元素内部时，结果可能会再次有所不同。然而，Jquery代码非常简单：

$('#foo').parent().width()

这将获取foo的父div，然后获取其宽度，但我不能保证它能获取元素的未隐藏自然宽度。希望对你有所帮助！

- strongriley