Home/ Questions/Q 9041853
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-16T10:20:20+00:00

<body> <section id=que-container> <div class=num style=display: none>1000</div> <section id=numberContainer> <span class=number></span> </section> <br class=clear>

  • 0
<body>
    <section id="que-container">
        <div class="num" style="display: none">1000</div>
        <section id="numberContainer">
            <span class="number"></span>
        </section>

        <br class="clear">
    </section>
    <script src="components/jquery/jquery.min.js"></script>
    <script src="components/bootstrap/js/bootstrap-button.js"></script>
    <script src="components/bootstrap/js/bootstrap-carousel.js"></script>
    <script src="js/scripts.js"></script>
    <script>
    $(document).ready(function(){
        var numbers = $('.number');
        var num = $(".num").html();
        var arr = num.split('');

        for (var i = 1; i < arr.length ; i++) {
            $('#numberContainer').append(numbers.clone());
            $('.number').append(arr[i]);
        }

        $('.number').each(function(i, val) {
            $(this).addClass('numStyle');
        })
    });
    </script>
</body>

I am trying to get the values inside the ‘.num’ div, convert it to an array and append the array’s items to the ‘#numberContainer’ within spans with the ‘number’ class. i am not getting any errors on the console but the code doesnt seem to work. any help? thanks

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Your code has to be like this because arrays are 0 index based:

    fiddle: http://jsfiddle.net/DZJ6p/

    var numbers = $('.number');
var num = $(".num").html();
var arr = num.split('');

for (var i = 0; i < arr.length; i++) {
   $('#numberContainer').append(numbers.clone().append(arr[i]));
}

$('.number').each(function(i, val) {
   $(this).addClass('numStyle');
});
    • 0