how to set the tables rows which are in loop to an array

Question

i had a loop which is used to create a table....my problem is to push the rows which are in the table to an array using javascript.i had tried but my output is coming in this way

[" cap ", " crocin", "123"] 

[" cap ", " crocin", "123", " choclate ", " silk", "123"]

i want the output in this way

[" cap ", " crocin", "123"] 

[" choclate ", " silk", "123"]

this is my code

function addProducts(){

    array=[];
    var checkBox=document.getElementsByName("check");
    console.log(checkBox.length);
    var content='';
    for(i=0;i<checkBox.length;i++){
        if(checkBox[i].checked)
        {
            console.log(checkBox[i].parentNode.parentNode.getElementsByTagName("td")[0].textContent); 
            content += '<tr class="sales_details"><td>'+checkBox[i].parentNode.parentNode.getElementsByTagName("td")[0].textContent+'</td><td>'+checkBox[i].parentNode.parentNode.getElementsByTagName("td")[1].textContent+'</td><td>'+checkBox[i].parentNode.parentNode.getElementsByTagName("td")[2].textContent+'</td>
</tr>';

        }
    }
    document.getElementById("selectProduct").innerHTML = content;
}

array1=[];

function sales_det(){

    var salDet=document.getElementsByClassName("sales_details");
    //console.log(salDet.length);
    for (var i = 0; i < salDet.length; i++) {
        var sal=salDet[i].getElementsByTagName("td");
        array1.push(sal[0].textContent,sal[1].textContent,sal[2].textContent,sal[3].textContent);

        console.log(array1);
    }

}

ProllyGeek · Accepted Answer · 2014-04-03 05:01:16Z

1

I think you will have to use window to create the new arrays , then push new values:

function sales_det(){

        var salDet=document.getElementsByClassName("sales_details");
        //console.log(salDet.length);
        for (var i = 0; i < salDet.length; i++) {
            var sal=salDet[i].getElementsByTagName("td");
            window["array_"+i] = [];
 window["array_"+i].push(sal[0].textContent,sal[1].textContent,sal[2].textContent,sal[3].textContent);

           console.log(window["array_"+i]);
        }

    }

answered Apr 3, 2014 at 5:01

ProllyGeek

15.9k9 gold badges56 silver badges77 bronze badges

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

Comments

Barmar · Accepted Answer · 2014-04-03 05:02:09Z

1

You need to empty the array each time through the loop

function sales_det(){
    var salDet=document.getElementsByClassName("sales_details");
    //console.log(salDet.length);
    for (var i = 0; i < salDet.length; i++) {
        var array1 = [];
        var sal=salDet[i].getElementsByTagName("td");
        array1.push(sal[0].textContent, sal[1].textContent, sal[2].textContent, sal[3].textContent);

        console.log(array1);
    }

}

answered Apr 3, 2014 at 5:02

Barmar

789k57 gold badges555 silver badges669 bronze badges

Collectives™ on Stack Overflow

how to set the tables rows which are in loop to an array

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related