获取元素约束

Question

我最近一直在使用非常嵌套的HTML元素。有时，元素的大小会受到父元素的限制，父元素在几个级别以上，甚至更高。找到约束是很困难的。

一个例子是，我想要一个视频缩放与屏幕大小，但超过1200像素的宽度，高度最大。在对检查器中的父层进行了20分钟的梳理后，我发现父div上的6个层位于该div规则列表的底部，是一个最大高度约束。现在我可以继续工作了。

是否有更快的方法来找到约束元素的规则？我想要一个jquery方法，比如$('element').nearestHeightConstraint()之类的。

Answer 1

这应该适用于最大高度：

$.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/