jQuery for loop with array (Count array)

Question

I have below function:

$(".import-shipments").on("click", function(){
        var sendinger = $('#shipments').val().split("/\n/");

        for(var i = 0; i < sendinger.length; i++){
                    console.log(sendinger[i]); //This returns 3 lines
                    addRow(i,"#rows") //It only adds 1 line
        }

});

Which takes the values in my textarea, and count each value per line.

I then have below function, which should append a new "row", for each value:

  function addRow(id, element){

            var row = '<div class="row">'+
                      '<div>#'+id+'</div>'
                      '</div>';

                     $(element).append(row);

  }

The problem is, that above only appends one row, when it should append 3.

Please see this jsFiddle for an example on how above works.

What I want to do is, for each line in the text area, it should also run the addRow() function for each line.

Milind Anantwar · Accepted Answer · 2017-07-24 12:25:02Z

3

You are using wrong argument in split function. You are mixing regex and string here. which returns only one element in seninger array. it should be:

 var sendinger = $('#shipments').val().split(/\n/); //USING Regex

or

 var sendinger = $('#shipments').val().split("\n"); //USING String

Working Demo

edited Jul 24, 2017 at 12:25

answered Jul 24, 2017 at 12:21

Milind Anantwar

82.3k26 gold badges97 silver badges128 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

charlietfl Over a year ago

or .split(/\n/)

Milind Anantwar Over a year ago

was updating that only :)

oliverbj Over a year ago

Works like a charm! Thank you!!

Collectives™ on Stack Overflow

jQuery for loop with array (Count array)

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related