div yükseklik sorunu

Arkadaşlar şu şekilde bir html yapısı var diyelim

<div id="first" style="height:500px;">
    <div id="second">
	<div class="third" style="height:300px;">asdad</div>
	</div>
</div>

Amacım third class divinin yüksekliğini almak.

alert($("#second .third").height());

bu şekilde NULL geliyor.

Ancak first id'li div'i silersem

    <div id="second">
	<div class="third" style="height:300px;">asdad</div>
</div>

alert($("#second .third").height());

aynı kod çalışıyor.

birden fazla divin içerisine girince nedense alamıyor. Bir fikri olan var mı acaba?

Teşekkürler.

Merhaba,

$("#second.third").height()

Yukardaki jquery seçicisi, id'si second ve klası third olan bir elementi seçer, alttaki gibi:

<div id="second" class="third">

Second id'li divin içinde bulunan third klasına sahip divi seçmek için aşağıdaki kod kullanılabilir (Burada second divinin içinde sadece tek bir div olduğunu farzediyoruz, çünkü secondun içindeki birinci çocuk divi seçecek).

$("#second").children(":first").height()

Bu şekilde hata olmadan yükseklik alınabilir

div içerisine hizalama yapmak için css ile line-height: 90%; özelliğini kullanarak çözebilirsiniz

Null döndürüyor dediğin kodu denedim, sonuç 300 çıkıyor. Belki jquery versiyonu ile alakalıdır. Sadece $(".third").height() şeklinde denediğimde bile düzgün çalışıyor.(Class ismi third olan ilk div'i seçiyor)

Tabi designsoftware'in söylediği daha makul bir çözüm.

@mapacarta adlı arkadaşın dediği gibi verdiğin kodları denediğimde bende de çalışıyor ve 300 sonucunu alıyorum kodda sıkıntı yok

İstersen birde şu şekilde dene

alert($(document).find("#second .third").outerHeight());