[Alexandr_Prylipko]

Всем привет. Помогите пожалуйста, немного не разберусь.
Хочу обернуть каждое число (value контейнера), в тег
написал так:

jQuery(document).ready( function($) {
    var $html = '';
    var $i = [0, 1, 2, 3];
    $('.my-count > div').each( function(){
        var box_size = $(this).val().length;
        $html = $(this).text();
         if( box_size >=1 && box_size <=3 && box_size <= 4){
             $(this).html('<span>'+$html[0]+'</span><span>'+$html[1]+'</span>');
         } else if ( box_size >=1 && box_size >=2 && box_size <= 4 ){
             $(this).html('<span>'+$html[0]+'</span><span>'+$html[1]+'</span><span>'+$html[2]+'</span>');
         } else if ( box_size >=1 && box_size >=2 && box_size >=3 ){
             $(this).html('<span>'+$html[0]+'</span><span>'+$html[1]+'</span><span>'+$html[2]+'</span><span>'+$html[3]+'</span>');
         } else {
             $(this).html('<span>'+$html+'</span>');
         }

    });
});

Обернуло все элементы в тег

<div class="my-count">
        <div ><span> 0  </span></div>
        <div ><span> 00 </span></div>
        <div ><span>  0 </span></div>
        <div ><span>  0 </span></div>
    </div>

Делал тестовый, ввел 4 цыфры в блок и написал для 4-х элементов, обернуло каждый, а когда пишу условие, такая вот не хорошая вещь получается.

Прошу помощи, новичек в JQ & JS

Заранее благодарю. С ув. Александр.