Javascript 如何在循环中运行我的div的全部内容?
我在使用for循环追加div的内容时遇到问题。在代码下创建了一个新的div,但循环中不包括以下内容:Javascript 如何在循环中运行我的div的全部内容?,javascript,jquery,for-loop,Javascript,Jquery,For Loop,我在使用for循环追加div的内容时遇到问题。在代码下创建了一个新的div,但循环中不包括以下内容: //不包括在循环中 九点 拯救 //不包括在循环中 你的方向是正确的。由于您的div缺少可视(在UI中显示)的文本部分,因此它没有出现 看看下面的代码 for(设i=0;i
//不包括在循环中
九点
拯救
//不包括在循环中
你的方向是正确的。由于您的div缺少可视(在UI中显示)的文本部分,因此它没有出现
看看下面的代码
for(设i=0;i<9;i++){
//这是jQuery追加div的方式。如果您想重用代码,请添加此行newDiv.textContent=i;
设p=$(“”).text('para'+i);//缺少此项。将其添加到显示中。
设div=$('').addClass('row').attr(“id”,“hour”+i);
第二部分(p);
$(“.container”).append(div);
}
九点
拯救
你的方向是正确的。由于您的div缺少可视(在UI中显示)的文本部分,因此它没有出现
看看下面的代码
for(设i=0;i<9;i++){
//这是jQuery追加div的方式。如果您想重用代码,请添加此行newDiv.textContent=i;
设p=$(“”).text('para'+i);//缺少此项。将其添加到显示中。
设div=$('').addClass('row').attr(“id”,“hour”+i);
第二部分(p);
$(“.container”).append(div);
}
九点
拯救
您只需创建一个元素数组,可以将其推入数组中,并通过.html()函数进行渲染
你的js应该是
let list = [];
for (let i = 0; i < 9; i++) {
list.push(`<div id="hour${i}" class="row">Your ${i} Row </div>`);
}
$(".container").html(list);
let list=[];
for(设i=0;i<9;i++){
push(`Your${i}行`);
}
$(“.container”).html(列表);
注意****使您的代码尽可能简单。您只需要创建一个元素数组,可以将其推入数组,并通过.html()函数进行渲染 你的js应该是
let list = [];
for (let i = 0; i < 9; i++) {
list.push(`<div id="hour${i}" class="row">Your ${i} Row </div>`);
}
$(".container").html(list);
let list=[];
for(设i=0;i<9;i++){
push(`Your${i}行`);
}
$(“.container”).html(列表);
注意****使您的代码尽可能简单。欢迎使用堆栈溢出。你到底想做什么,什么不起作用?是否有任何错误消息?你知道大概哪里出错了吗?你的代码正在运行,你只是没有在你正在创建的div中分配任何内容,所以你将看不到任何东西。添加
newDiv.textContent=i
将i
的值作为文本添加到div中,以查看每个div欢迎堆栈溢出。你到底想做什么,什么不起作用?是否有任何错误消息?你知道大概哪里出错了吗?你的代码正在运行,你只是没有在你正在创建的div中分配任何内容,所以你将看不到任何东西。添加newDiv.textContent=i
将i
的值作为文本添加到您的div中,以查看每个divHi Kaushik,谢谢您的帮助!但是,我正在尝试运行这些其他div,您可以在div之后使用after
而不是append
来追加。如果您检查元素,您就会知道所有这些都追加在该行之后。嗨,Kaushik,谢谢您的帮助!但是,我正在尝试运行这些其他div,您可以在div之后使用after
而不是append
来追加。如果您检查元素,您就会知道所有这些都追加到行之后。