javascript - 如何通过分隔符将字符串拆分到同一行的 HTML 表中它自己的列中？

Question

我有一个带有文本区域的 HTML 表单，用户可以在其中粘贴数据行。 generateTable 函数从文本区域获取数据并对其进行处理，以便在文本区域下方生成一个 HTML 表格。很简单。

我将字符串长度添加到粘贴到文本区域的每一行的原始字符串中，并在将其插入到 DOM 中的表之前将其附加到每一行，从而使事情变得复杂。

因此，如果您粘贴或键入“value1”之类的行，提交将呈现“value1； 6”到表格的第一行。同样，如果文本区域的第二行包含“value 2”，提交将呈现“value 2； 7” 到表格的第二行。

我的问题是我想在分号处拆分新值并将字符串的每一侧呈现到同一行上它自己的单元格。我被这个难住了，我为此所做的每一次尝试都变成了一些非常困惑的意大利面。

将分号的每一侧呈现到同一行中其自己的单元格的最佳方法是什么 - 第一列中的“value1”，第二列中的“6”？

我了解如何拆分字符串。将每个呈现到表格中它自己的列是我的挑战。

// Get data inserted into the textarea and put in table below it //

// Create an array of the row values from the form
        function generateTable() {
            var data = $('textarea[name=excel_data]').val();
            var rows = data.split("\n");
            var rowCount = rows.length;
            var newArray = [];
                for (i = 0; i < rowCount; i++){
                var newRow = rows[i] + "; " + rows[i].length;

                var newRowString = JSON.stringify(newRow);

                newArray.push(newRow);

                }

// Build the table    
            var table = $('<table />');

            for (var y in newArray) {
                var cells = newArray[y].split("\t");
                var row = $('<tr />');
                for (var x in cells) {
                    row.append('<td>' + cells[x] + '</td>');
                }
                table.append(row);
            }

// Insert into DOM
            $('#excel_table').html(table);
        }

Answer 1

试试这个方法:

// Build the table    
        var table = $('<table />');

        for (var y in newArray) {
            var cells = newArray[y].split("\t");
            var row = $('<tr />');
            for (var x in cells) {
                row.append('<td>' + cells[x].split(";")[0] + '</td>');
                row.append('<td>' + cells[x].split(";")[1] + '</td>');
            }
            table.append(row);
        }