Home / Questions / 368511
Accepted
Antonio Ruiz
Asked: 2020-06-26 05:02:15 +0800 CST 2020-06-26 05:02:15 +0800 CST

Generate an Array with JS/Jquery from a table saved in a variable

  • 772

I have the following table saved in a variable

var table = '<table>
   <tr><td>Test1</td><td>Test2</td></tr>
   <tr><td>Test3</td><td>Test4</td></tr>
</table>';

Is there a possibility of doing an iteration for every tr and saving the td with JS?

javascript

2 Answers

  1. Best Answer

    You could get it like this:

    • Create an element jQuerywith htmlthe variable ( eg:$(table) ).
    • Then on that element use .find('td')to get all the td.
    • Then the function .map(fn)to get from each td, for example, the text.
    • Finally .get()to get an array with the result.

    var table = `<table>
   <tr><td>Test1</td><td>Test2</td></tr>
   <tr><td>Test3</td><td>Test4</td></tr>
</table>`;

let arr = $(table).find('td').map((i, e) => e.innerText).get();
console.log(arr)
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

    • 1 
  2. $("tr").each(function(index, element){ 
     console.log(index); 
     console.log(element)
})

    In this way you go through thetr

    you can save it JSas best suits you.

    If what you need is a simple arraywith td:

    var temp = [];

$("tr td").each(function(index, element){ 
     temp.push($(this).html());
})

    This stores the content of each tdin the array temp.

    • 0