jQuery的：這100％高度的div

如何使用.height（）從。員額得到高度並將其應用到。左，每個。員額具有不同的高度，所以我需要使用這個（）我認爲，但找不到解決方案...我的jQuery只捕捉從第一個.post高度。jQuery的：這100％高度的div

<div class="object"> 
    <div class="post"> 
     <div class="left"> 
     </div> 
     <div class="right"> 
      <p>Lorem ipsum dolar sit amet</p> 
     </div> 
    </div> 
</div> 

$(document).ready(function(){ 
    $height = $('.object .post').height(); 
    $final = $height-53 
    $('.object .post .left').css({ 
     height: $final 
    }); 
});

來源

2014-01-22 Nabil

你是你自己給了答案：你必須從.left'元素你如何得到的每一個具體的'角度定義相應的'.post'的高度。您目前正在選擇所有'.post' div，'.height（）'將獲得第一個匹配元素的高度。 – Sumurai8

事情是這樣的：

$(document).ready(function() { 
    $('.left').height(function() { 
     return $(this).parent().height() - 53; 
    }); 
});

這將每個.left div的高度設置爲它的相應的父.post減去53px。

來源

2014-01-22 20:25:10 dfsq

作爲一種魅力！謝謝：） – Nabil

或只使用CSS

.post{position:relative} 
.left{position:absolute;top:0;left:0;height:100%}

做出了小提琴：http://jsfiddle.net/filever10/rzFhL/

來源

2014-01-22 20:41:08 FiLeVeR10

jQuery的：這100％高度的div

回答

相關問題