Question

我是jquery的常客，但我还是需要学习很多......

我有一个问题可能已经回答了问题，如果是的话，请指出我的问题。

问题：

提供此HTML：

<iframe id="A">
<html>
 <head></head>
 <body>
   <table></table>
   <table></table>
   <table></table>
   <table></table>
  </body>
</html>
</iframe>

没有id我想用jquery迭代body元素的内容，对于每个表我发现我想知道它的高度。

这可以用jquery吗？感谢

Answer 1

您可以在jQuery中使用each()方法

$('body').find('table').each(function(){
    console.log($(this).height());
})

Fiddle

或

$('body table').each(function(){
    console.log($(this).height());
})

Fiddle

Answer 2

您可以使用table作为选择器，然后使用.each()

$("body table").each(function () {
    var tableBodyHeight = $(this).find(tbody).height()
});

OR

$("body table tbody").each(function () {
    var tableBodyHeight = $(this).height()
});

Answer 3

这会计算表格中的TR数量。

$("table").each(function(index)
{
   console.log( "table " + index + ": " + getElements($(this)));
});

function getElements(element) {
    var originalTable = element.clone();
    var trs = $(originalTable).children('tbody').children('tr').length;
    return trs;
}

这是你要找的高度吗？

Jquery遍历body元素计算每个表的高度

3 个答案: