在jquery中创建span标记并添加特定的div

我在MVC项目中使用剑道网格行模板，其中有一个

div

。 下面是我的示例代码：

   $("#dvCategory").html(''); 
   for (var i = 0; i < data.data.length; i++) {

    if (data.data[i].Category != null) {

      var splitCategory = data.data[i].Category;

      var setCategorySpan = "<span class='tags' style='font-family: arial; font-size: small'>" + splitCategory + "</span>";

      $("#dvCategory").append(setCategorySpan);

     }

   }

我正在使用jQuery在

div

中追加

span

for（变量i=0；i

但是

span

标签的值不显示在

div

中。 我也试过了，但运气不好

现在，当前代码如下所示：

功能更改模板（类别）{
var splitCategory=类别；
var setCategorySpan=''；
if（splitCategory.indexOf（'，'）！=-1）{
splitCategory=category.split（'，'）；
对于（变量i=0；i

#：更改模板（类别）#

var data={}；
data.data=[{Category:1}，{Category:2}，{Category:3}，{Category:4}]；
console.log（data.data[1]）；
对于（var i=0；i

---

尝试为循环绑定外部。在循环内部不使用太多附加，而是使用+=作为字符串创建标记，最后在div中附加html

var data={};
data.data=[{Category:1},{Category:2},{Category:3},{Category:4}];
var setCategorySpan = "";
for (var i = 0; i < data.data.length; i++) {
  if (data.data[i].Category != null) {
    var splitCategory = data.data[i].Category;
    setCategorySpan += "<span class='tags' style='font-family: arial; font-size: small'>" + splitCategory + "</span>";

  }
}
$("#dvCategory").html(setCategorySpan);

var data={}；
data.data=[{Category:1}，{Category:2}，{Category:3}，{Category:4}]；
var setCategorySpan=“”；
对于（var i=0；i

此示例演示了在文档中添加元素时查找的方法。之后，您可以附加任何您想要的内容

/*一个小函数，将所需的html追加到所需的div中并返回true*/
函数addMoreToCategory（）{
如果（$（'#dvCategory'）。长度>0）{
$（“#dvCategory”）.append（
当该元素可见时添加）；
/*淡入额外内容，完成后回叫火警警报*/
$（“.extra”）.fadeIn（1200，函数（）{
警报（“已完成加载额外内容”）；
});
返回true；
}
}
警报（“文件中没有DV类别”）；
$（“#单击此”）。在（“单击”上，函数（）{
$（“.row”）.html（“Lorem ipsum诸如此类”）；
警报（“文件中添加的DV类别”）；
});
/*为循环添加1秒的间隔*/
var v1=setInterval（函数（）{if（addMoreToCategory（）==true）{
/*添加内容后，请停止*/
清除间隔（v1）；
}}, 1000);
.extra{display:none；}

点击
您可以通过编写以下简单代码来实现这一点：

   $("#dvCategory").html(''); 
   for (var i = 0; i < data.data.length; i++) {

    if (data.data[i].Category != null) {

      var splitCategory = data.data[i].Category;

      var setCategorySpan = "<span class='tags' style='font-family: arial; font-size: small'>" + splitCategory + "</span>";

      $("#dvCategory").append(setCategorySpan);

     }

   }

$（“#dvCategory”）.html（“”）；
对于（var i=0；i
您在循环的每次迭代中都会覆盖
#dvCategory
的
html（）
，因此只会显示最后一个
span
。但是，如果您根本没有得到任何输出，听起来您的代码中可能有错误-检查控制台，但此处当前没有单跨显示。不幸的是，控制台中没有错误。您是否尝试了一些控制台。登录数据。数据[i]。类别和$（“#dvCategory”）.size（）？我认为您的问题只是时间问题。。。您是否尝试过使用on document来启动js脚本？