Javascript 如何附加到元素并多次设置文本

我有一个元素列表，我想用Bootstrap元素创建类似列表的结构（示例）：

我想我会这样做：

foreach(element)
{
   $("#ul").append($("<a href='" + element +"'>").text(element));
}


<div class="container">
  <div id="ul" class="list-group">
</div>

foreach（元素）
{
$（“#ul”）.append（$（“”）.text（element））；
}

---

这很好，但我不确定如何处理其他嵌套元素（

和

），以及如何设置它们的

文本属性。还有没有更干净的方法来执行
元素的
href
部分？欢迎提供任何提示和提示。
您需要单独构建这些元素，并在对它们进行操作后附加它们：

foreach(element)
{
  var anchor = $("<a href='" + element +"'>");
  var header = $('<h4>').text('stuff');
  var p = $('<p>').text('More stuff');
  anchor.append(header).append(p);
  $("#ul").append(anchor);
}

foreach（元素）
{
var-anchor=$（“”）；
var header=$（''）.text（'stuff'）；
var p=$（“”）.text（“更多内容”）；
锚。追加（标题）。追加（p）；
$（“#ul”）。追加（锚定）；
}
您需要单独构建这些元素，并在对它们进行操作后附加它们：

foreach(element)
{
  var anchor = $("<a href='" + element +"'>");
  var header = $('<h4>').text('stuff');
  var p = $('<p>').text('More stuff');
  anchor.append(header).append(p);
  $("#ul").append(anchor);
}

foreach（元素）
{
var-anchor=$（“”）；
var header=$（''）.text（'stuff'）；
var p=$（“”）.text（“更多内容”）；
锚。追加（标题）。追加（p）；
$（“#ul”）。追加（锚定）；
}
就主要问题而言，布伦南的回答肯定会奏效。至于在你的
中执行href的另一种方法，就主要问题而言，Brennan的回答肯定会奏效。至于在
中执行href的另一种方法，JavaScript中没有
foreach
关键字。@Vohuman我用它作为一种快捷方式来描述我的问题JavaScript中没有
foreach
关键字。@Vohuman我用它作为一种快捷方式来描述我的问题