在第二个div之后添加保证金,保证金应该增加一倍

时间:2013-01-29 11:34:21

标签: jquery

需要在第二个div之后添加保证金,保证金应该加倍。

例如: 剩下第三个李缘 - 220 剩下4rd li margin - 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/

4 个答案:

答案 0 :(得分:3)

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

http://jsfiddle.net/pzHHH/

答案 1 :(得分:1)

请参阅: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;
    })   

})

答案 2 :(得分:1)

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

答案 3 :(得分:0)

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

    })

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