add class in each 3rd element

<ul>
    <li><a href="#">1</a></li>
    <li><a href="#">2</a></li>
    <li><a href="#">3</a></li>
    <li><a href="#">4</a></li>
    <li><a href="#">5</a></li>
    <li><a href="#">6</a></li>
</ul>
<script type="text/javascript">
    $(document).ready(function(e) {
        var i=1;
        $('ul li').each(function(index, element) {
            if(i%3==0){
            $(this).addClass('a');
            }
        i++;   
        });
        ////////////////////////////////ALT////////////////////////////////
     
      var nums = $('li').length;
            $('li').each( function(i) {
                if((i+1)%3==0){
                    $(this).addClass('third');
                }
            });

    });
</script>