jquery - 在第二个 div 之后添加边距，边距应该增加一倍

Question

需要在第二个 div 之后添加边距，边距应该加倍。

例如： 3rd li margin left - 220 4rd li margin left - 440 依此类推。

<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/

Answer 1

$('ul li:gt(1)').css('marginLeft', function(i, m){
   return parseInt(m, 10) + (++i * 220);
});

http://jsfiddle.net/pzHHH/

Answer 2

<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>

Answer 3

见：http: //jsfiddle.net/b8uXm/

$(function (){  
var jn=0;
$('ul').find('li').each(function (){

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

})

Answer 4

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

    })

您可以根据您的要求加倍或增加保证金。