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

Question

我在JavaScript和JQuery中绝对是新手。

每次用户点击 JSTree 的节点时，我都会执行一个JQuery脚本：

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

    // DO SOMETHING

})

在这个脚本中，我必须检索 id = treeId2

的div的高度

我怎样才能在JQuery中做这件事？

TNX

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)

以上功能计数高度元素，包括各种组合   - 填充  - 边界   - 保证金   - 取出元素的高度

查看每种用法的差异here

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()

应该返回你要找的东西。

值得注意的是，这不会考虑填充，边距或边框。

Source

Answer 7

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