在jQuery中更改div的高度

Question

我想使用jQuery将所有div标记的高度更改为特定的class。 我已经成功地使用CSS设置高度，但我想从jQuery中更改它。

我曾尝试下面的代码：

$('.slide-container').css({ "height": 200 + "px !important" }); 
    $('.slide-container').height(200); 
    $('.slide-container').css({ "height": 200 + "px" }); 

这是将原来的高度的CSS。

.slide-container {  height:300px !important; } 

Here is a JSFiddle of my attempts.

Answer 1

jQuery有一个内置的函数来设置高度。

http://api.jquery.com/height/

$('.slide-container').height(200); 

Answer 2

<div class="slide-container"> 
    apply height to a div tag ,that div is generating from 
    jquery with some class, when height comes from database! 
</div> 



<script type="text/javascript"> 

    var newHeight = yourHeightFromDB; 
    $(function() { 
     $('.slide-container').height(newHeight); 
    }); 

</script> 

Answer 3

变化在CSS线

height: 300px !important;

到

height: 300px;

该声明基本上不允许您动态设置高度。 Your Jquery code is working fine.

人能为这个代码以及

$(document).ready(function() { 

     $('.slide-container').height(500); 
    });