Convert html table to array in javascript

后端 未结 3 772
借酒劲吻你
借酒劲吻你 2020-11-28 09:22

How can an HTML table be converted into a JavaScript array?

Item Descript
3条回答
  •  孤城傲影
    2020-11-28 10:15

    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/

提交回复
热议问题