Question

我最近一直在使用非常嵌套的HTML元素。有时，元素的大小受父元素的几个级别或更高级别的约束。找到约束条件可能很困难。

一个例子是我想要一个视频随屏幕尺寸缩放，但是宽度超过1200像素，高度最大。在检查器中花了二十分钟梳理父层之后，我发现在div的规则列表底部的父div上的六层是最大高度约束。现在我可以继续工作了。

有没有更快的方法来查找约束元素的规则？我喜欢像$（'element'）。nearestHeightConstraint（）之类的jquery方法。

Answer 1

这适用于max-height：

$.fn.nearestHeightConstraint = function(){
    if(parseInt(this.css('max-height'))){
        return this.css('max-height');
    }else{
        var p = this.parent();
        if(this.nodeType != 'body' && p.length){
            return p.nearestHeightConstraint();
        }else{
            return null; // not found
        }
    }
}

示例：http://jsfiddle.net/anxhwvv7/

获取元素约束

1 个答案: