私はそうのように、配列内の3つのjQueryオブジェクトを持つ

Question

マッピングされたオブジェクトの高さを取得する方法：

<div class="object"></div> 
<div class="object"></div> 
<div class="object"></div> 

<script> 
var arr = $('.object'); 
</script> 

そして、私は次のように、それぞれの高さを見つけて、配列に格納するために$.map()を使用したいですこれは：

var arrElHeights = $.map(arr, function(a){ 
    return a.height(); 
}); 

どうすればいいですか？私は代わりに別の方法を介してiteratingする必要がありますか？

Answer 1

あなたは正しい考えがあります。問題は高さが関数ではないということです。あなたがしたいのは、要素のclientHeightを取得することです。このような何かを試してみてください：ここで

var arrElHeights = $.map(arr, function(a){ 
    return a.clientHeight; 
}); 

はclientHeight上のいくつかの情報です：offsetHeightのhttps://developer.mozilla.org/en-US/docs/Web/API/Element/clientHeight

ともドキュメント：https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/offsetHeight

jQueryの.heightは（）

Answer 2

をパディング含まれていません。詳細

ajQueryオブジェクトでない場合は、$(a).height()またはa.clientHeightまたはa.offsetHeight、さらにはa.scrollHeightを試してみてください。

clientHeightには、高さと垂直パディングが含まれます。

offsetHeightには、高さ、垂直パディング、垂直境界が含まれます。

scrollHeightは、含まれるドキュメントの高さ（スクロールの場合の高さよりも大きい）、垂直方向の詰め物、および垂直方向の罫線を含みます。

jQueryを含めると、すべてのコードで使用する必要があります。