jquery for loop thru div

Question

想用循环来表达这个......

$("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
  });

Answer 1

这可能是你想要的

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

Answer 2

你可以写

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

您无需添加px; jQuery会自动添加它。

如果您确实想要显式添加单位，可以使用字符串连接：

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

Answer 3

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

Answer 4

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

尽量不要将'x'用作variableName，可能会在以后的stadia中混淆。修正了你的代码。