添加边距+10每子jQuery
Adding up margin+10 per child jQuery
我有一个动态网站,我的客户可以添加块,其中有一个滚动功能,但我需要块来获得margin-top: 10;
添加每个类,如:
.li-1 { margin-top:0; }
.li-2 { margin-top: 10px; }
.li-3 { margin-top: 20px }
.li-4 { margin-top: 30px }
这是我的试用代码:http://jsfiddle.net/u8Uj5/8/
使用each
循环遍历所有元素,使用index
添加元素的边距。
$('div').each(function(i) {
$(this).css('margin-top', (i * 10) + 'px');
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div>
<div>7</div>
<div>8</div>
<div>9</div>
<div>10</div>
<div>11</div>
<div>12</div>
<div>13</div>-------------------------
<h2> I want it like this but then dynamic: </h2>
<div class="s">1</div>
<div class="p">2</div>
<div class="a">3</div>
<div class="n">4</div>
<jsfiddle演示/strong>
你可以这样做
小提琴例子
$( "div" ).each(function( index ) {
$(this).css("margin-top", index * 10 + "px")
});
也许你可以试试:
var myMargin = 0; //initial value
$( "div" ).each(function() {
$(this).css("margin-top", myMargin + "px");
myMargin += 10; //set your indention whatever you need
});
JSFiddle
相关文章:
- 使用每500ms运行一次的jquery函数是个好主意吗
- 如何找到家长's的子级,使用querySelector而不是jQuery
- 如何使用jQuery在json子数组中添加值
- jQuery-如何在下面的子元素中找到元素
- 在jQuery中创建向下滑动子菜单的最有效方法
- jQuery:根据select选项中的每页项目进行分页
- 从数组jquery中基于子字符串的移除项
- jQuery 2.1 |删除重复子字符串的源子字符串
- 如何通过Prototype或jquery移除子类的父类基类
- PHP/JQUERY-显示json的每个子数组
- 计时器在使用 jQuery 一分钟后没有触发,或者每 1 分钟后给出一些其他解决方案来触发功能
- 类别自动完成jQuery中的单词级自定义筛选器,而不是子字符串
- jQuery获取子DIV的HTML内容
- 使用Javascript和/或JQuery,如何找到基于类的子元素
- jQuery:试图让动画每3秒发生一次,但没有成功
- 我怎样才能得到 innerhtml,除了它的子 Jquery 之一
- 如何从Javascript的父函数返回在子jQuery函数中生成的数组
- 添加边距+10每子jQuery
- 骰子jQuery-随机#+替换骰子上的文本
- 如何从子 Jquery 中查找下一个父对象