jQuery - Stellen Sie min-height von div ein

Question

Dies ist wahrscheinlich sehr einfach für die meisten von Ihnen. Aber ich brauche ein kleines Snippet, das die aktuelle Höhe eines div nachschlägt (das div hat eine dynamische Höhe, basierend auf dem Inhalt darin) und dann diesen Wert in den min-height Wert der CSS-Klasse einstellen.

Grundsätzlich bedeutet dies, dass ich möchte, dass dieser Container seine minimale Höhe hat, um genau den gleichen Wert wie seine aktuelle Höhe zu haben. Dies ist wahrscheinlich eine schnelle one :)

Answer 1

nur ein Proof of Concept!

 // attend for dom ready 
    $(function() { 
     // hide .foo before we get it's height 
     $('.foo').hide(); 
     // get the height, also the one mentioned below is a good one! 
     var foo_height = $('.foo').height(); 
     // see if the actual height respect our needs! esample 180px 
     if (foo_height > 180) { 
      // set the height and show it! 
      //$('.foo').css('height', foo_height + 'px').show(); OR try 
      $('.foo').height(foo_height).show(); 
     } else { 
      //do something else here 
      } 
}); 

sollte dies wie erwartet funktionieren!

Answer 2

Wenn ich Sie richtig verstehe, können Sie folgendes tun:

$(".foo").css("min-height", function(){ 
    return $(this).height(); 
}); 

Answer 3

var elt = document.getElementById("<%= this.your_element_id.ClientID %>"); 
elt.style.minHeight = elt.clientHeight + 'px';