首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >在第二个div之后添加左边距,并且边距应该会增加两倍

在第二个div之后添加左边距,并且边距应该会增加两倍
EN

Stack Overflow用户
提问于 2013-01-29 19:34:21
回答 4查看 654关注 0票数 2

需要在第二个div之后添加左边的边距,并且边距应该加倍。

例如:第三个li边距左220,第四个li边距左440,依此类推。

代码语言:javascript
复制
<ul>

    <li id="new-3">3</li>
    <li id="new-4">4</li>

</ul>

$(function (){  
    var jn=220;
    $('ul').find('li').each(function (){
            jn += parseInt($(this).css('margin-right')) + 220;
        alert(jn);
        })   
        $('li').css("margin-right",jn)  
    })

这就是小提琴

http://jsfiddle.net/t688b/8/

EN

回答 4

Stack Overflow用户

发布于 2013-01-29 19:45:57

代码语言:javascript
复制
$('ul li:gt(1)').css('marginLeft', function(i, m){
   return parseInt(m, 10) + (++i * 220);
});

http://jsfiddle.net/pzHHH/

票数 3
EN

Stack Overflow用户

发布于 2013-01-29 19:41:14

请参阅:http://jsfiddle.net/b8uXm/

代码语言:javascript
复制
$(function (){  
var jn=0;
$('ul').find('li').each(function (){

    alert(jn);
    $(this).css("margin-left",jn);
    jn += parseInt($(this).css('margin-left')) + 220;
    })   

})
票数 1
EN

Stack Overflow用户

发布于 2013-01-29 19:47:56

代码语言:javascript
复制
<script type="text/javascript">
    $(function () {
        var jn = 220;
        $('ul').find('li').each(function () {
            jn += parseInt($(this).css('margin-left')) + 220;
            alert(jn);
            $(this).css("margin-left", "" + jn + "px");
        })

    })
</script>
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/14581949

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档