Question

如何将数组中的每个项目作为列表项附加？

$("#allTimes").on('keypress', function(e) {
if (e.keyCode === 13) { 
var timedump = [];
var thetimes = $('input[name="allTimes"]').val().split(" ");
timedump.push(thetimes);
for (var i = 0; i < timedump.length; i++) {
    $("#main").append('<li>' + timedump[i] + '</li>');
}
$('form').trigger('reset');
}
});

我输入框中输入的所有内容当前都显示为一个项目

Answer 1

var thetimes = $('input[name="allTimes"]').val().split(" ");
timedump.push(thetimes);
for (var i = 0; i < timedump.length; i++) {
    $("#main").append('<li>' + timedump[i] + '</li>');
}

仔细观察，您已经拆分了值，split函数返回一个数组。然后你再次将其存储在另一个数组中。

另一个数组在那里是完全冗余的，你需要循环分割返回的数组。

var thetimes = $('input[name="allTimes"]').val().split(" ");
for (var i = 0; i < thetimes.length; i++) {
    $("#main").append('<li>' + thetimes[i] + '</li>');
}

将数组附加为列表

1 个答案: