Convert html table to array in javascript

by

Here’s one example of doing what you want.

var myTableArray = [];

$("table#cartGrid tr").each(function() {
    var arrayOfThisRow = [];
    var tableData = $(this).find('td');
    if (tableData.length > 0) {
        tableData.each(function() { arrayOfThisRow.push($(this).text()); });
        myTableArray.push(arrayOfThisRow);
    }
});

alert(myTableArray);

You could probably expand on this, say, using the text of the TH to instead create a key-value pair for each TD.

Since this implementation uses a multidimensional array, you can access a row and a td by doing something like this:

myTableArray[1][3] // Fourth td of the second tablerow

Edit: Here’s a fiddle for your example: http://jsfiddle.net/PKB9j/1/

More Related Contents:

  1. How to get a number of random elements from an array?
  2. Parsing JSON objects for HTML table
  3. How to tell which row number is clicked in a table?
  4. How to display Image dynamically on UI?
  5. Large dynamically sized html table with a fixed scroll row and fixed scroll column
  6. Creating a JavaScript global array with static elements?
  7. Convert array to JSON
  8. jQuery document.createElement equivalent?
  9. Force browser to download image files on click
  10. Replacing css file on the fly (and apply the new style to the page)
  11. How to find if an array contains a specific string in JavaScript/jQuery?
  12. How to change value of object which is inside an array using JavaScript or jQuery?
  13. Prevent Page Load on Jquery Form Submit with None Display Button
  14. Benefits of loading JS at the bottom as opposed to the top of the document
  15. Setting CSS value limits of the window scrolling animation
  16. jQuery – How to select by attribute
  17. Best way to convert string to array of object in javascript?
  18. Detect click event inside iframe
  19. Uploading Image to Amazon s3 with HTML, javascript & jQuery with Ajax Request (No PHP)
  20. Embed HTML5 YouTube video without iframe?
  21. Detect browser character support in javascript?
  22. how to resolve iframe cross domain issue [duplicate]
  23. How can I make a button redirect my page to another page? [duplicate]
  24. Uncaught ReferenceError: $ is not defined error in jQuery
  25. Waiting for dynamically loaded script
  26. Change placeholder text
  27. Placeholder for contenteditable div
  28. Center an Image vertically and horizontally using CSS
  29. Change background on button click, using CSS only? [duplicate]
  30. Set value to currency in

Leave a Comment