2011-04-04 57 views
0

想用一個循環來表達這個..jQuery的for循環通格

$("div:nth-child(3)").css({"left": "5px"}); 
$("div:nth-child(2)").css({"left": "215px"}); 
$("div:nth-child(1)").css({"left": "425px"}); 

如何在每個被引用...

var x=0; 
$("div").each(function(){ 
    x=x+100; 
    $(this).css('position','absolute'); 
    $(this).css({"left": "xpx"}); // not sure about this line 
    }); 

回答

0
var x=0; 
$("div").each(function(){ 
    x = x + 100; 
    $(this).css({'position':'absolute', 'left': x + 'px'}); 
}); 
+0

danke它的工作原理!超!謝謝 – windsurf88 2011-04-04 22:37:59

0

這可能是你想要

什麼
$(this).css({"left": x+"px"}); 
+0

是的,:是的,謝謝! – windsurf88 2011-04-04 22:39:00

+0

你對書籍或網站學習jQuery有什麼建議嗎? – windsurf88 2011-04-04 23:29:30

0

您可以編寫

$(this).css("left", x); 

您不需要添加px; jQuery會自動添加它。

如果你想明確地添加一個單元,您可以使用字符串連接:

$(this).css("left", x + "px"); 
+0

嘗試過,但需要: – windsurf88 2011-04-04 22:38:39

+0

錯誤。你不需要':'(只要你不使用大括號來創建對象字面量) – SLaks 2011-04-05 00:01:44

0
var xx=0; 
$("div").each(function(){ 
    xx+=100; 
    $(this).css('position','absolute'); 
    $(this).css({"left": xx+"px"}); 
}); 

儘量不要用「X」作爲VARIABLENAME,可能會在以後的場館混亂。修正了你的代碼。

+0

'xx'如何比'x'更好的變量名? – 2011-04-04 22:18:17

+0

編程時使用'x'作爲變量名經常讓我困惑。這不是一個錯誤的變量名,但我不喜歡使用它。 – rsplak 2011-04-04 22:29:25

+0

非常感謝您的建議〜! – windsurf88 2011-04-04 22:39:43