2016-08-08 12 views
0

私は$(this).find("ul").filter(":first").height();を使用して最初のulを取得しています。高さulを最初に取得

ul style="width: 252px; min-width: 820px; padding-bottom: 20px;" class="jqx-tree-dropdown-root" 

よろしく:

しかし、高さが定義されていないが、その後、高さは-20

マイULです。

+0

負の高さはどのようになっていますか? –

+3

スニペットで再現できますか? 'this'コンテキストが参照するものを共有しますか? –

+1

要素は表示されていますか?要素はレンダリングされていますか? – epascarello

答えて

0

私はあなたのコードがうまくいくはずですが、かなりうまく表示されるクイックjsFiddleを作成しました。しかし、あなたはおそらく、 "この" 間違っ:)

https://jsfiddle.net/qoxub22u/

のHTMLモックアップ

<div class="container"> 
    <h5>First one has height of 40px</h5> 
    <ul style="height:40px"> 
    <li>Test</li> 
    <li>Test1</li> 
    </ul> 

    <h5>Second one has height of 70px</h5> 
    <ul style="height:70px"> 
    <li>Test</li> 
    <li>Test1</li> 
    <li>Test2</li> 
    <li>Test3</li> 
    </ul> 
</div> 
<button id="submit">Get height</button> 

jQueryの一部

$("#submit").click(function() { 

    /* Replace .container with ur this selector */ 
    var height = $('.container').find("ul").filter(":first").height(); 

    alert(height); 
}); 
+0

$(これ)はdivです。 $(これ)は同じです: var self = $(これ); alert(self.find( "ul")。filter( ":first")。height()); ULの高さは定義されていません。 –

+0

$(これ)がどのように動作するかをあまり明確に理解していないようです。それはここでかなりよく説明されています - http://stackoverflow.com/questions/1051782/jquery-this-vs-this – user2831723

+0

こんにちは、これは問題ではありません。 私のコード: var treeViews = $(selector).find( "。treeview"); treeViews.each(function(){ var self = $(this); alert(self.find( "ul")フィルタ( ":first")。height()); } –

0

$(これは)div要素である。使用しています

$(この)と同じである:

するvar自己= $(この)。 alert(self.find( "ul")。filter( ":first")。height());

ULの高さは定義されていません。

関連する問題