如何在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();
});