首頁猿問使用 jQuery 選擇器獲取...

使用 jQuery 選擇器獲取 div 高度？

JavaScript

慕森卡 2023-02-17 10:54:47

我有一個有很多行和 3 列的表。每列都有div內部。div我想獲得第二列中的高度。我給 jQuery 如下：$('#elementId tbody tr td.elment-class-2 div').height(); // works good, returns height of first rows div現在，我想循環運行它，以便獲得div第二列所有行中存在的高度。所以我寫了計劃的這段代碼：var count = $('#elementId tbody tr td.elment-class-2 div').length; $('#elementId tbody tr td.elment-class-2 div')[0]; // $('#elementId tbody tr td.elment-class-2 div')[1]; // and so on in a loop但這會返回錯誤$('#elementId tbody tr td.elment-class-2 div')[0]; // Uncaught TypeError: $(...)[0].height is not a functionPS：這里是 jQuery 的新手。原諒我愚蠢的錯誤。

查看完整描述

2 回答

素胚勾勒不出你

TA貢獻1827條經驗獲得超9個贊

問題是從 jQuery 選擇器返回的值不是數組，所以你不能像數組一樣遍歷它們。您需要使用each()jQuery 函數來執行此操作。

您可以按如下方式執行此操作：

$('#elementId tbody tr td.elment-class-2 div').each(function(i, ) {

divHeight = $(divToCheck).height();

});

Thei是 the 的索引（另請注意，您不太可能在選擇器中需要這種特殊性 - 它會使代碼的可重用性降低并且更難以維護）

如果沒有您的原始 HTML，我只能在下面向您展示此工作的一般示例：

$('tr div').each(function(i, divToCheck) {

divHeight = $(divToCheck).height();

console.log("Div "+ i + " height = "+ divHeight);

});

td { border:1px solid grey;}

<table>

<tr>

<td><div>hello</div></td>

</tr>

<tr>

<td><div style="height:30px;">hello </div></td>

</tr>

<tr>

<td>

<div style="font-size:20px">hello</div>

</td>

</tr>

</table>

反對回復 2023-02-17

拉莫斯之舞

TA貢獻1820條經驗獲得超10個贊

我檢查了你的 CodePen，似乎變量ht有錯字，類需要在 TD 旁邊td.elmCls，即第二部分是代碼：

$(document).ready(function () {

var ht = $('table tbody tr td.elmCls').height();

console.log(ht)

var divs = $('tbody tr td:nth-of-type(2) div');

divs.each(function(index, elem) {

console.log(elem.innerText);

var height = $(elem).height();

console.log(height);

});

您看到該錯誤的原因是因為當您嘗試通過方法獲取對象時，$()它最初會返回一個 jQuery 對象。當您然后[0]像您一樣在對象上使用時$('td.elmCls')[0]，您會取回本機 Javascript 節點/元素。height()該節點上沒有方法，這就是您收到該錯誤的原因。

您可以使用.each(function(index, element){ [code-here]})方法解決此問題，然后簡單地打印element.innerText到控制臺。

反對回復 2023-02-17

2 回答
0 關注
98 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

使用 jQuery 選擇器獲取 div 高度？

使用 jQuery 選擇器獲取 div 高度？

2 回答

添加回答

使用 jQuery 選擇器獲取 div 高度？