[JavaScript] Zmiana wysokości elementu na podstawie drugiego elementu Opcje

[--gecior--]

Mam następujący kod jquery:

[HTML] pobierz, plaintext 
  $(function(){
 
    $(".ksiazka_produkt:first-child").click( function() {
        var ksiazkaProduktHeight = $(this).height();
      $(this).parent().height(ksiazkaProduktHeight + 100).css("border", "1px solid red");
    });
        });
[HTML] pobierz, plaintext 

czym mogę zastąpić click(); aby rozmiar ksiazkaProduktHeight zmieniał się od razu po wczytaniu strony, a nie dopiero po kliknięciu?

[--gecior--]

Dzięki za odpowiedź. Chodzi jednak o to że .ksiazka_produkt może mieć różne wysokości. I w zależności od tych wysokości chciałbym aby element nadrzędny miał dodawaną wysokość o 100px więcej od danego .ksiązka produkt. Poniżej struktura html:

[HTML] pobierz, plaintext 
<div class="ksiazki_linia">
 <div class="ksiazki_produkt" style="height:50px;"></div>
</div>
 
<div class="ksiazki_linia">
 <div class="ksiazki_produkt" style="height:150px;"></div>
</div>
[HTML] pobierz, plaintext 

[turbiński]

Dzięki za odpowiedź. Chodzi jednak o to że .ksiazka_produkt może mieć różne wysokości. I w zależności od tych wysokości chciałbym aby element nadrzędny miał dodawaną wysokość o 100px więcej od danego .ksiązka produkt. Poniżej struktura html:

[HTML] pobierz, plaintext 
<div class="ksiazki_linia">
 <div class="ksiazki_produkt" style="height:50px;"></div>
</div>
 
<div class="ksiazki_linia">
 <div class="ksiazki_produkt" style="height:150px;"></div>
</div>
[HTML] pobierz, plaintext 

Czy dobrze rozumiem? Masz dwie klasy, o tej samej nazwie, które zawierają klasy o tej samej nazwie i chcesz by .ksiazka_produkt z drugiej klasy miał wysokość o 100px większą od .ksiazka_produkt z klasy pierwszej?

Jeżeli dobrze rozumuje (a jest niedziela) to:

[HTML] pobierz, plaintext 
<div id="ksiazki_linia">
 <div class="ksiazki_produkt" style="height:50px;"></div>
</div>
 
<div id="ksiazki_linia_druga">
 <div class="ksiazki_produkt" style="height:150px;"></div>
</div>
[HTML] pobierz, plaintext 

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(function() {
 var wysokosc = $(".ksiazki_linia:first").height(); //pobiera wysokosc pierwszego 'dziecka' div'a ksiazki_linia
 $(".ksiazki_linia_druga:first").css({"height", wysokosc + 100});
});
[JAVASCRIPT] pobierz, plaintext