2014-01-07 57 views
0

在我的HTML代碼中,我有多個圖像,類名分別爲img0,img1,img2等。從追加兩個變量中獲取類名

我想要做的是給這些JavaScript代碼中的每一個。我在JavaScript中創建了一個for循環,循環次數與頁面上的圖像一樣多。但是,我似乎無法附加兩個值來創建類名,而且我很確定我之前完成了它。

這是到目前爲止我的JavaScript代碼:

$(document).ready(function() { 
    var numitems = $(".img").length(); 

    for (var i = 0; i < numitems; i++) { 
     $(".img" + i).css("margin-left", ((100 - $(".img" + i).width()/2))+"px"); 
     $(".img" + i).css("margin-top", ((100 - $(".img" + i).height()/2))+"px"); 
    } 
} 

任何幫助將衷心感謝。

謝謝。

+0

第一個問題似乎是選擇'$(「IMG」)的長度()'不會返回任何東西,如果類名是'IMG1,IMG2 ... ' –

+0

那麼getClass(「。img」+ i)的方法是什麼'它應該是'$(「。img」+ i)' –

+1

不要使用增量屬性。它總是以維修噩夢而告終。 –

回答

2

根本不需要使用類名稱。使用this作爲對象引用:

$(".img").each(function() { 
     $(this).css("margin-left", ((100 - $(this).width()/2))+"px"); 
     ... 
}}