我如何获得子div并用jquery设置位置？

Question

<div id="parent">
    <div>a</div>
    <div>b</div>
    <div>c</div>
</div>

我使用过固定定位。那么如何使用jquery获取父div中的所有子元素。第一个孩子的top:100px和第二个孩子的top:200px等等。

Answer 1

试试这个：

 $('#parent div').each(function(index){
   $(this).css({ top: (100*(index+1))+'px' });
  })

<强> Working Fiddle

Answer 2

您还可以使用css方法的回调函数：

$('#parent > div').css('top', function(i) {
   return ++i * 100 + 'px'; 
});

Answer 3

您可以使用.children()方法循环播放子项;

$("#parent").children().each(function(index){
   var top = (index + 1) * 100;
   $(this).attr("style", "top:" + top + "px");
});