基於其他元素的高度的最大高度

我希望能夠根據另一個元素的（可變）高度來設置一個元素的最大高度 - 儘管我非常喜歡JS初學者，我只是積極的，有一種方法可以做到這一點。這是而不是我想要基於最大高度的父元素。顯然，我希望這個解決方案能夠工作，無論在給定頁面上的任何給定時間元素的高度是多少。基於其他元素的高度的最大高度

爲了清楚起見，我想找到高度，比如說，一個元素的類爲「ElementOne」，然後將「ElementTwo」的最大高度設置爲ElementOne的高度113px。

我該如何去做這件事？

來源

2014-06-11 SmallerOnTheOutside

我用這個片段by Paul Irish來做到這一點：

$.fn.setAllToMaxHeight = function(){ 
    return this.height(Math.max.apply(this, $.map(this , function(e){ return $(e).height() }))); 
} 

// usage: $(‘div.unevenheights’).setAllToMaxHeight()

來源

2014-06-11 00:09:33 coreyward

我認爲是你的意思：

var h = document.getElementById("ElementOne").style.height; 

document.getElementById("ElementTwo").style.maxHeight = h + 113 + "px";

來源

2014-06-11 00:09:44

這用了jQuery事件偵聽器分配給窗口的resize事件和ELementOne（注意：我不認爲大多數html觸發器都有自己的resize事件）。這裏是一個jsfiddle：http://jsfiddle.net/xiondark2008/UPqsV/

我給div添加顏色，所以你可以看到它們。

HTML：

<div class="ElementOne"></div> 
<div class="ElementTwo"></div>

的javascript：

function setHeight(){ 
    var elementOne = $(".ElementOne").height(); 
    $(".ElementTwo").height(elementOne +113); 
} 

$(window,".ElementOne").resize(setHeight); 
setHeight();

來源

2014-06-11 00:29:06

基於其他元素的高度的最大高度

回答

相關問題