gpt4 book ai didi

javascript - 如何获取最近的div元素的高度

转载 作者:太空宇宙 更新时间:2023-11-04 02:20:36 26 4
gpt4 key购买 nike

我有多个具有多个高度的 div 元素。对于每个表格,我需要获取表格所在的最近的 div 元素的高度并将其分配给它。我使用了 clossest() 和 parents() 但它不起作用,因为它总是获取页面上最后一个 div 元素的高度并将其分配给所有表。我需要的是表格的高度应该与表格所在的 div 相同。

<div>Some Text here</div>
<div>
<table id="firstTable">
<tr> <th>Header 1</th>
<th>Header 2</th>
<th>Headier 3</th>
</tr>
<tr>
<td>info</td>
<td>info</td>
<td>info</td>
</tr>
</table>
</div>

</div>

<div class="dragitem" style="height: 300px">
<div>Some Text here</div>
<div>
<table id="secondTable">
<tr> <th>Header 1</th>
<th>Header 2</th>
<th>Headier 3</th>
</tr>
<tr>
<td>info</td>
<td>info</td>
<td>info</td>
</tr>
</table>
</div>

</div>

我试过:

$('#firstTable').closest('div.dragitem').height();
$('#firstTable').parents('div.dragitem').height();

但这些都不起作用。它总是获取类名为 dragitem 的最后一个 div 的高度,并将其分配给所有表。所以在这个例子中,firstTable 的高度是 300px。我需要的是第一个表为 600px,第二个表为 200px。感谢您的帮助

最佳答案

部分问题是因为您多次使用了相同的 id 属性。 id 在页面中必须是唯一的。相反,您可以使用 class 对公共(public)元素进行分组。

从那里您可以遍历每个 .firstTable 元素并使用 closest() 获取其父级 .dragitem div 的高度,像这样:

$('.firstTable').each(function() {
console.log($(this).closest('div.dragitem').height());
});

Working example

关于javascript - 如何获取最近的div元素的高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38181935/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com