How to iterate through an HTML table column and input the values into a Javascript array using JQuery

Question

Let's say I have a table column with 10 rows, each with <td id="num"> and a text value.

How can I use JQuery to loop through each row in the column and input the spins into a Javascript array?

I thought the following code would do it, but it is only getting the first element:

var numArray = [];
$("#num").each(function(n){
   numArray[n] = $(this).text();
});

Any ideas?

Thanks!

Answer 1

You can't have multiple elements with the same id. This isn't allowed because the id is used to identify individual elements in the DOM. I'd suggest giving them all the same class, which is allowed.

<td class="num">

Then this should work:

var numArray = [];
$(".num").each(function(n){
   numArray[n] = $(this).text();
});