另存为变量

Question

您好，我目前有一个脚本，您可以在其中输入项目名称。以及其大小，颜色和其他选项。所有这些都保存为具有自定义规范的单个项目，如下所示： 例如，黑色，大号，任何尺寸的T恤。

我在表的底部有3个按钮，一个是输入，您可以在其中命名表数据，然后按添加按钮，它将此信息添加为变量，可以在另一个html文件中调用该信息。另一个是加载选择，您可以在其中加载和编辑该GitHub文件，以加载其账单信息 （https://github.com/hunterbdm/Deadass-Splash）

我还不仅希望将整个内容另存为变量，而且还要以某种方式分别保存每行，以便以后可以在脚本的后端调用该脚本，在该脚本中，我的程序现在可以确定要搭配的衬衫的大小和颜色。

因此，我将如何编写javascript（可分别保存和每行的jQuery，以便稍后在后端调用它，例如（variableName）.line 1 = T恤黑色大号）。

这是我的表格的html：

<div id="taskContainer">
  <table id="items-table">
    <!--<caption>Task</caption>-->
    <tr>
      <th>Item</th>
      <th>Size</th>
      <th colspan="3">Options</th>
    </tr>
    <tr>
      <td> </td>
    </tr>
  </table>
</div>
<label for="loadTask">Load Task:</label>
<label for="taskName">Task Name:</label>
<select id="loadTask"></select>
<input type="text" id="taskName"></input>
<button type="submit" id="addTask">Add</button>

我将如何去做？我是否需要标记每个标签，以便可以调用[2] [2]来调用具有特殊自定义设置的每一行？自从我是Js的新手以来，我就非常用Python进行思考，并且对python有更多的经验。

这是我的桌子的照片：

我会使用ipcRenderer之类的东西吗？

这也是我的JS，我将如何添加某种计数器，以便随后可以用该数字设置行数：

function addRow() {
    var item_text = $('#item-input').val();
    var item_color = $('#color-input').val();
    var size_text = $('#sizes-item').val();
    var any_color = $('#any-color').is(':checked') ? 'Any Color' : '';
    var any_size = $('#any-size').is(':checked') ? 'Any Size' : '';
    $('#items-table').append('<tr>'
        +'<td>'+item_text+' '+item_color+'</td>'
        +'<td>'+size_text+'</td>'
        +'<td>'+any_color+' '+any_size+'</td>'
        +'<td><button class="remove-btn"><div class="thex">X</div></button><td>'
        +'</tr>');
} 

..

$(function(){
  $('#add-item').click(function(){
    addRow();
    return false;
  });
  $('body').on('click', '.remove-btn', function(){
    $(this).parent().parent().remove();
  });
});

Answer 1

我试图通过循环整齐地执行此操作，但失败了。无论如何，只要表中的行数没有变化，就可以正常工作。

var table, cell1, cell2, cell3, cell4, cell5, cell6, cell7, cell8, cell9;
table = document.getElementById("items-table");

cell1 = table.rows[0].cells[0].innerHTML;
cell2 = table.rows[0].cells[1].innerHTML;
cell3 = table.rows[0].cells[2].innerHTML; // first row.

cell4 = table.rows[1].cells[0].innerHTML;
cell5 = table.rows[1].cells[1].innerHTML;
cell6 = table.rows[1].cells[2].innerHTML; // second row.

cell7 = table.rows[2].cells[0].innerHTML;
cell8 = table.rows[2].cells[1].innerHTML;
cell9 = table.rows[2].cells[2].innerHTML; // third row.

如果要保存此文件并稍后在另一个文件（或同一个文件）中使用它，则可以通过localStorage轻松实现。

localStorage.setItem("cell1", cell1); // where "cell1" is the name you want to save it as and cell1 is the variable.

并稍后使用以下命令从另一个文件中调用它：

cell1 = localStorage.getItem("cell1");