Home/ Questions/Q 8383251
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-09T17:07:09+00:00

I made a small function to calculate width along with margin of li but

  • 0

I made a small function to calculate width along with margin of li but it is giving me error.

<head>

<style>

.bill ul{ list-style:none}

.bill ul li{ float:left; width:94px; margin-right:18px}

.bill ul li:last-child { margin-right:0}

</style>

<script type="text/javascript" src="jquery-1.7.2.js"></script>
<script type="text/javascript">

$(function (){

    $('.bill').find('li').each(function (){
            var jn += parseInt($(this).css('margin-right')) + $(this).width();
        })


        alert(jn)


    })


</script>

</head>

<body>

<div class="bill">
<ul>
<li>aaa</li>
<li>aaa</li>
<li>aaa</li>
<li>aaa</li>
<li>aaa</li>

</ul>
</div>

</body>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You’re declaring the jn variable using the var keyword inside the anonymous function passed to .each(), meaning that the variable will be scoped inside of that function and not exist outside of it.

    Trying to call alert(jn) will likely result in undefined being alerted, because the jn variable isn’t visible in the scope of that statement.

    In addition, declaring a variable and using the += operator is invalid syntax. The variable has to exist in order for you to add to its value. Try the following:

    $(function (){
    var jn = 0;

    $('.bill').find('li').each(function (){
        jn += parseInt($(this).css('margin-right')) + $(this).width();
    });

    alert(jn);
});
    • 0