Javascript 表行上的字符串

我在一个名为

data

的变量上运行

each

函数，该变量是一个成功的AJAX调用的响应，它是一个

json

数据类型

以下是数据在响应中的外观：

Object { id: "88", toDo: "test 4", instructions: " ;TECH;Dippin;Try try try;Hej SSimon!;", … }

我想把它添加到表中

但是，它只会将所有字符串放在一个长行中，我希望它们正确地显示在表中

var html=''；
$.each（数据，函数（）{
变量re=
html=html+“”+this['instructions'].split（/[\s，；，如果希望每个项目位于单独的单元格中，则需要拆分字符串，获取数组，循环遍历它，并为每个项目创建一个数组。现在只需创建一个单元格并将所有项目放入其中。此外，“split”基本上并没有效果，因为虽然拆分的结果是一个数组，但若您将数组直接放入HTML中，JS将尝试将其转换回字符串，这通常只涉及逐个列出所有数组项，所以最终返回原始字符串

这段代码实际上将拆分数组中的每个项放入它自己的表单元格中。它还删除了为空的项，并且不为它们创建单元格


var数据=[{
id:“88”，
toDo:“测试4”，
说明：“技术；Dippin；尝试；Hej SSimon！”
}];
var html=''；
$.each（数据，函数（）{
html+=“”；
var items=this.instructions.split(/[\s，；，您需要拆分字符串，获取数组，循环遍历它，并为每个项创建一个
。另一方面，假设您希望它们位于同一行中的单独单元格中……您告诉我们您不想要的布局，但除了说它们应该位于表中之外，我们不知道您希望它们是如何“正确”的可能意味着很多不同的东西。你想让它们在同一行的单独单元格中？或者每一行都在单独的单元格中，或者其他什么东西？我想让它们在单独的单元格中，这就是我使用拆分的原因，也就是在循环中添加新的tr。添加
。拆分后加入（“”）
“我想让它们在单独的单元格中，这就是我使用拆分的原因”…那么，为什么要将所有分割的结果放在一个单元格中？请参阅下面的答案，以获得一个创建多个单元格的简单示例。正如chris p bacon所说，可能有更聪明的方法来实现这一点，但这以一种易于理解的方式进行阐述。我认为，当我使用分割并尝试将它们分割时，会将它们添加到自己的单元格中每一个循环中都有行。@克里斯巴肯可以自由地添加一个答案。虽然我认为它会留下空白项目（至少最后一个）。这可能是不可取的。我想给出一个超级清晰、超级简单的例子，说明与原始逻辑相比所需的逻辑，因为我认为OP可能正在与这里的基本思想作斗争——他们似乎没有看到他们将所有东西都放在一个单元格中。
var html = '';    

$.each(data, function() {
    var re = 
    html = html + "<tr><td>" + this['instructions'].split(/[\s,;,<]+/) + "</td></tr>";
});

$("#todoInstructions").html(html);