我正在尝试编写一个简单的应用程序,例如待办事项列表,当我按下按钮时,我需要动态创建(在div中使用增量id),并向HTML输入输入一些文本。例如:
<div id="item1">
<div id="item2">
<div id="item3">
<div id="item4">
问题是,当我尝试获取 var data
时,它什么也没得到。
如何在each循环
中迭代var data
?怎么调用呢?
我需要您帮助解决以下代码:
script.
var data = new Array(); // creating array
function add_element(){
data.push(document.getElementById("t1").value);
document.getElementById("t1").value=''; //it set blank in box again
console.log(data)}
div
input(type="text" id="t1")
button(id="" onclick="add_element()") add
ul
each val, index in {data} //<- how to iterate data var here? how to call it?
li= index + ': ' + val
提前非常感谢。
最佳答案
each
循环旨在迭代 Pug 变量(通过 Express 或其他方式传递给它)。它们从服务器接收数据,但不从客户端接收数据。 JavaScript 变量不能用 Pug 的循环进行迭代;因此,您尝试迭代的数组需要在服务器上创建,或者您需要使用常规 JavaScript 循环来迭代该数组并生成 HTML。
关于javascript - Pug:使用 pug/jade 在每个循环中调用函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48330806/