為什么jQuery.height（）適用於id，但不適用於類？

Question

例如，我有20個項目所有相同的高度，所有相同的類“some_class”。 二十的第一項具有id“first_item”。

當我做$('.some_class').height(); 我得到0（這是錯的）。 但是當我做$('#first_item').height(); 它有效，我得到一個價值。

這令我感到困惑。 為什么會這樣？ 我無法真正共享網頁，因為它是一個私人頁面。

編輯：有趣的是注意.width（）工作得很好，我得到相同的值，在#first_item或'.some_class'上調用它。

Answer 1

因為您可能會發現類選擇器返回多個元素。 在這種情況下， height()返回第一個元素的值（這在整個jQuery get方法中是一致的）; 這可能不是你想要的那個。

如果你想要每個元素的高度，你應該用它們迭代它們;

$('.some_class').each(function () {
    var myHeight = $(this).height();
});

jQuery高度文檔;

獲取匹配元素集中第一個元素的當前計算高度。

Answer 2

$('.some_class:eq(0)').height(); 應該給你正確的輸出。

這是一個基本的html / css內容，你需要了解。

'class'定義了特定類型的元素。 將使用與該類關聯的樣式定義類的描述。 因此，class用於為同一類型的多個元素提供樣式。 例如，您提到的20個項目具有相同的類別。 （他們不能擁有相同的身份）。

'id'是HTML元素的唯一標識。 不能有多個具有相同“id”的元素。 因此，'id'用於為一個uniqe元素提供樣式。 類'myClass'和id'myId'的寫作方式如下所示。