Изменение высоты div в jQuery

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); 
    });