使用javascript和jquery为字符串值编写HTML？

我希望页面的html显示为：

<div class='container'>
  <div class='domain-list0'>Hello</div>
  <div class='domain-list1'>World</div>
</div>

你好
世界

这是我的html和js：

它不是先创建第一个“域列表”，然后再为下一个创建另一个，而是覆盖上一个“域列表”。这就是它显示最后一个字符串值的原因。有人知道怎么解决这个问题吗

谢谢

您正在使用的将删除现有内容，并用新内容替换它。您需要使用append，以便在最后一个子元素之后添加新内容

var myStringArray = ["Hello", "World"];
var arrayLength = myStringArray.length;
for (var i = 0; i < arrayLength; i++) {
    var $el = $("<div  />", {
        'class': 'domain-list' + i,
        html: "<p>" + myStringArray[i] + "</p>"
    }).appendTo("div.container");
    // $el refer to the newl added element
}

var myStringArray=[“你好”，“世界”]；
var arrayLength=myStringArray.length；
对于（变量i=0；i”
}).附件（“分类集装箱”）；
//$el指新添加的元素
}

演示：

• 使用，以便返回新创建的元素，该元素可用于进一步处理

您正在使用的将删除现有内容，并用新内容替换。您需要使用append，以便在最后一个子元素之后添加新内容

var myStringArray = ["Hello", "World"];
var arrayLength = myStringArray.length;
for (var i = 0; i < arrayLength; i++) {
    var $el = $("<div  />", {
        'class': 'domain-list' + i,
        html: "<p>" + myStringArray[i] + "</p>"
    }).appendTo("div.container");
    // $el refer to the newl added element
}

var myStringArray=[“你好”，“世界”]；
var arrayLength=myStringArray.length；
对于（变量i=0；i”
}).附件（“分类集装箱”）；
//$el指新添加的元素
}

演示：

• 使用，以便返回新创建的元素，该元素可用于进一步处理

您正在使用的将删除现有内容，并用新内容替换。您需要使用append，以便在最后一个子元素之后添加新内容

var myStringArray = ["Hello", "World"];
var arrayLength = myStringArray.length;
for (var i = 0; i < arrayLength; i++) {
    var $el = $("<div  />", {
        'class': 'domain-list' + i,
        html: "<p>" + myStringArray[i] + "</p>"
    }).appendTo("div.container");
    // $el refer to the newl added element
}

var myStringArray=[“你好”，“世界”]；
var arrayLength=myStringArray.length；
对于（变量i=0；i”
}).附件（“分类集装箱”）；
//$el指新添加的元素
}

演示：

• 使用，以便返回新创建的元素，该元素可用于进一步处理

您正在使用的将删除现有内容，并用新内容替换。您需要使用append，以便在最后一个子元素之后添加新内容

var myStringArray = ["Hello", "World"];
var arrayLength = myStringArray.length;
for (var i = 0; i < arrayLength; i++) {
    var $el = $("<div  />", {
        'class': 'domain-list' + i,
        html: "<p>" + myStringArray[i] + "</p>"
    }).appendTo("div.container");
    // $el refer to the newl added element
}

var myStringArray=[“你好”，“世界”]；
var arrayLength=myStringArray.length；
对于（变量i=0；i”
}).附件（“分类集装箱”）；
//$el指新添加的元素
}

演示：

• 使用，以便返回新创建的元素，该元素可用于进一步处理

用于（变量i=0；i”）；
//做点什么
}

用于（变量i=0；i”）；
//做点什么
}

用于（变量i=0；i”）；
//做点什么
}

用于（变量i=0；i”）；
//做点什么
}

尝试在jquery中使用appendTo

var myStringArray = ["Hello","World"];
var arrayLength = myStringArray.length;
for (var i = 0; i < arrayLength; i++) {
  $("<div class='domain-list"+i+"'></div>").html("<p>"+myStringArray[i]+"</p>").appendTo("div.container");
  //Do something
}

var myStringArray=[“你好”，“世界”]；
var arrayLength=myStringArray.length；
对于（变量i=0；i”）.appendTo（“div.container”）；
//做点什么
}

尝试在jquery中使用appendTo

var myStringArray = ["Hello","World"];
var arrayLength = myStringArray.length;
for (var i = 0; i < arrayLength; i++) {
  $("<div class='domain-list"+i+"'></div>").html("<p>"+myStringArray[i]+"</p>").appendTo("div.container");
  //Do something
}

var myStringArray=[“你好”，“世界”]；
var arrayLength=myStringArray.length；
对于（变量i=0；i”）.appendTo（“div.container”）；
//做点什么
}

尝试在jquery中使用appendTo

var myStringArray = ["Hello","World"];
var arrayLength = myStringArray.length;
for (var i = 0; i < arrayLength; i++) {
  $("<div class='domain-list"+i+"'></div>").html("<p>"+myStringArray[i]+"</p>").appendTo("div.container");
  //Do something
}

var myStringArray=[“你好”，“世界”]；
var arrayLength=myStringArray.length；
对于（变量i=0；i”）.appendTo（“div.container”）；
//做点什么
}

尝试在jquery中使用appendTo

var myStringArray = ["Hello","World"];
var arrayLength = myStringArray.length;
for (var i = 0; i < arrayLength; i++) {
  $("<div class='domain-list"+i+"'></div>").html("<p>"+myStringArray[i]+"</p>").appendTo("div.container");
  //Do something
}

var myStringArray=[“你好”，“世界”]；
var arrayLength=myStringArray.length；
对于（变量i=0；i”）.appendTo（“div.container”）；
//做点什么
}