Javascript 在html之前添加html

我有一个html模板（jquery、js和所有导入到头部的内容）。因此，这一部分，我尝试在现有的p前面添加新的段落，id为“board page”：

一些文本

这是我的javasript：

var boards = [];

function Board(title) {
    this.title = title;
}

function appendBoards() {
    for (var i in boards) {
        var board = boards[i];
        var title = board.title;
        $("#board-page").prepend("<p>"+title+"</p>");
    }
}

addNewBoardWithTitle("some other text");
addNewBoardWithTitle("other text");
appendBoards();

var板=[]；
功能板（标题）{
this.title=标题；
}
功能板（）{
用于（电路板中的var i）{
var板=板[i]；
var title=board.title；
$（“#董事会页面”）。前置（“”+标题+“
”）；
}
}
addNewBoardWithTitle（“其他文本”）；
addNewBoardWithTitle（“其他文本”）；
附录板（）；

但这不起作用，什么都没发生。我做错了什么？

var boards=[]；
var boards = [];

function addBoard(title) {
    var obj = {}
  obj["title"] = title;
  boards.push(obj)
}

function appendBoards() {

  for (var i in boards) {
    var board = boards[i];
    var title = board.title;
    $("#board-page").prepend("<p>" + title + "</p>");
  }
}
addBoard("tes")
appendBoards()

功能添加板（标题）{
var obj={}
obj[“标题”]=标题；
板。推送（obj）
}
功能板（）{
用于（电路板中的var i）{
var板=板[i]；
var title=board.title；
$（“#董事会页面”）。前置（“”+标题+“
”）；
}
}
地址板（“tes”）
附录板（）

另外，尽量不要在循环中追加/预结束，而是将其全部收集在一个字符串中并执行一次预结束/追加。

---

您可以为此使用insertBefore

var boards = [];

function Board(title) {
   this.title = title;
 }

function appendBoards() {
    for (var i in boards) {
       var board = boards[i];
      var title = board.title;
       $("<p>"+title+"</p>").insertBefore("#board-page");
   }
}

addNewBoardWithTitle("some other text");
addNewBoardWithTitle("other text");
appendBoards();

var板=[]；
功能板（标题）{
this.title=标题；
}
功能板（）{
用于（电路板中的var i）{
var板=板[i]；
var title=board.title；
$（“”+title+“
”）。在（“#板页”）之前插入；
}
}
addNewBoardWithTitle（“其他文本”）；
addNewBoardWithTitle（“其他文本”）；
附录板（）；

Put more code，在您的代码片段中

boards

是一个空数组，因此不会调用

prepend

，这意味着我们无法检查

appendBoards

使用的数据是否正确。也发布

addNewBoardWithTitle

的代码

var boards = [];

function Board(title) {
   this.title = title;
 }

function appendBoards() {
    for (var i in boards) {
       var board = boards[i];
      var title = board.title;
       $("<p>"+title+"</p>").insertBefore("#board-page");
   }
}

addNewBoardWithTitle("some other text");
addNewBoardWithTitle("other text");
appendBoards();