Javascript 如何在循环中运行我的div的全部内容?

Javascript 如何在循环中运行我的div的全部内容?,javascript,jquery,for-loop,Javascript,Jquery,For Loop,我在使用for循环追加div的内容时遇到问题。在代码下创建了一个新的div,但循环中不包括以下内容: //不包括在循环中 九点 拯救 //不包括在循环中 你的方向是正确的。由于您的div缺少可视(在UI中显示)的文本部分,因此它没有出现 看看下面的代码 for(设i=0;i

我在使用for循环追加div的内容时遇到问题。在代码下创建了一个新的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); }


九点

拯救
你的方向是正确的。由于您的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
来追加。如果您检查元素,您就会知道所有这些都追加到行之后。