jQuery中是否存在更深層次的條件，用於將類的CSS值分配給變量？ 它不適用於我想要的所有課程

Question

如標題中所述，通常可以進行分配，例如：

var a1 = $('.entry--menu .btn.entry--link').css('left');

當我執行alert(a1)它向我顯示了類.entry--menu .btn.entry--link left屬性的賦值

但是在其他情況下，它不起作用，例如：

var a2 = $('.last-seen-products .product--box .product--image .image--element').css('width');

當我執行alert(a2) ，它顯示為null 。

我嘗試了不同的方法以找出原因-例如，我在頂部的css文件中分配了以下內容： width:100px但沒有任何效果。

有什么我可以忽略的嗎？ 是否存在一些要求，例如（虛構的）要求，該類必​​須具有屬性position:absolute或類似的東西？

Answer 1

如果您將班級之間用“，”分開，則對我“有效”

var a2 = $('.last-seen-products, .product--box, .product--image, .image--element').css('width');

但是它返回在上一個類中找到的最后一個值...我的意思是：

.last-seen-products{ width: 100px; }
.image--element{ width: 10px }
.product--image{ width: 500px }

它將返回“ 10px”，因為它是列表中的最后一個類。希望對您有所幫助。