当我 console.log 时,该数组会显示出来,但是当我尝试其他任何操作(使用数组和键发出警报,或只是附加它)时,只会显示未定义的内容。在这种情况下,我的屏幕上实际显示的是:复选框未定义按钮
<body>
<input id="text-field-input" type="text" placeholder="what do you have to do?"/>
<button id="submit">submit</button>
<ul id="list-section">
</ul>
var toDoList = [];
function addInputToList(todoinput, checkchecked) {
toDoList.push({todo : todoinput, checked : checkchecked});
};
function renderToDos() {
$('#list-section').append('<input type="checkbox">' + toDoList.todo + ' ' + '<button>x</button>');
};
$('#submit').on('click', function() {
var textFieldInput = $('#text-field-input').val().toLowerCase();
addInputToList(textFieldInput, false);
renderToDos();
});
最佳答案
您的 toDoList
是一个 Array
,您需要循环遍历其元素才能呈现您的待办事项列表:
function renderToDos() {
for(var i = 0; i < toDoList.length; i++) {
$('#list-section').append('<input type="checkbox">' + toDoList[i].todo + ' ' + '<button>x</button>');
}
};
希望这对您有帮助。
关于javascript - 我的数组中的值不会在 DOM 中呈现,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38535056/