Проблема в том, что я не знаю, как разорвать цикл для первого числа и начать заново для следующего. В настоящее время один span.nNumber содержит общее количество цифр двух чисел (123456), а следующий span.nNumber содержит цифры только другого числа (456). Цель состоит в том, чтобы создать последовательность 123 и 456:
Разметка:
<span class='nNumber'>
<span>1</span>
<span>2</span>
<span>3</span>
</span>
<span class='nNumber'>
<span>4</span>
<span>5</span>
<span>6</span>
</span>
JavaScript (пример):
$('div .number').each(function(){
var number = $(this).text();
var i = 0;
$(this).parent().prepend($("<span class='nNumber'></span>"));
while(i<number.length)
{
$(this).closest('span').hide();
var nChar = number.charAt(i);
i++;
$('.nNumber').append('<span class="digit-'+nChar+'">'+nChar.split(" ").join(", ")+'</span>');
}
});