I got a table:
<table id="ItemsTable" > <tbody> <tr> <th> Number </th> <th> Number2 </th> </tr> <tr> <td>32174711</td> <td>32174714</td> </tr> <tr> <td>32174712</td> <td>32174713</td> </tr> </tbody> </table> I need the values 32174711 and 32174712 and every other value of the column number into an array or list, i'm using jquery 1.8.2.
var arr = []; $("#ItemsTable tr").each(function(){ arr.push($(this).find("td:first").text()); //put elements into array }); See this link for demo:
You can use map method:
var arr = $('#ItemsTable tr').find('td:first').map(function(){ return $(this).text() }).get() From jQuery map() documentation:
Description: Pass each element in the current matched set through a function, producing a new jQuery object containing the return values. . As the return value is a jQuery-wrapped array, it's very common to get() the returned object to work with a basic array.
get or no get, both fiddles return the same array (["32174711", "32174712"]) in the console as far as I can see.get the result still is a jQuery object. I can call jQuery methods on it such as console.log(arr.eq(0)) for example but can't do that when using get(). Very nice. You are absolutely correct in that case. Even though the results look the same in the console, without get it still is a jQuery wrapper. Nice one. Off course, if that is what the user wants then leaving get() away is right I suppose but if you want the underlying values without being a jQuery object get() is needed.// iterate over each row $("#ItemsTable tbody tr").each(function(i) { // find the first td in the row var value = $(this).find("td:first").text(); // display the value in console console.log(value); }); 
.each then for each row another jQuery wrapper on this plus the find. Not sure how map internally works but using .find only ones sounds "cheaper" than using it each time inside the loop. +1 anyway as it does give you the individual values.
map, but I imagine it does something similar.well from what you have, you can use first-child
var td_content = $('#ItemsTable tr td:first-child').text() // loop the value into an array or list http://jsfiddle.net/Shmiddty/zAChf/
var items = $.map($("#ItemsTable td:first-child"), function(ele){ return $(ele).text(); }); console.log(items);