JQuery для цикла через 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

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

Старайтесь не использовать 'x' в качестве variableName, это может привести к путанице в более поздних стадиях. Исправил ваш код.

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

Это, вероятно, то, что вы хотите

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