如何在JQuery中檢索div的高度？

Question

我對JavaScript和JQuery絕對陌生。

我有一個JQuery腳本，每次用戶單擊JSTree的節點時都會執行 ：

$("#treeId2").bind("select_node.jstree", function (event, data) {

    // DO SOMETHING

})

在此腳本中，我必須檢索具有id = treeId2的div的高度

如何在JQuery中執行此操作？

特納克斯

Answer 1

var heightInPixels = $('#treeld2').height();

Answer 2

像這樣！

$("#treeId2").height();

或者，根據您的問題：

$("#treeId2").bind("select_node.jstree", function (event, data) {

    alert($("#treeId2").height());

});

Answer 3

您可以通過某些方式做到這一點，例如：

$('#element').height()           
$('#element').innerHeight()              
$('#element').outerHeight()              
$('#element').outerHeight(true)

以上功能計算高度元素的各種組合，包括-填充-邊框-邊距-元素的實際高度

在這里查看每種用法的區別

Answer 4

你可以做類似的事情

$('#treeId2').on('click', function(){
 var height = $(this).height();
 //other code`
})

參考（jQuery文檔很棒）： http : //api.jquery.com/height/

Answer 5

您可以使用.height()來查找元素的高度，但是您不應該使用.bind（） ，它已棄用jQuery 1.7。 您可以使用.click() ：

$("#treeId2").click(function () {
   var height = $(this).height();
});

或者您可以使用.on() ：

$("#treeId2").on("click", function () {
   var height = $(this).height();
});

Answer 6

jQuery具有.height（）方法，因此使用類似以下內容的方法：

$("#treeId2").height()

應該返回您正在尋找的東西。

值得注意的是，這並未考慮填充，邊距或邊界。

資源

Answer 7

$("#treeId2").on("click", function () {
  var height = $(this).height();
});