Question

我有一个html模板（jquery，js，一切都在头部导入）。所以这是这一部分，我尝试在现有的p之前添加新的段落，其中包含id＆＃34; board-page＆＃34;：

<div class="container">
    <div class="row">
        <div class="col-md-12">
            <p id="board-page">some text</p>
        </div>
    </div>
</div>

这是我的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();

但这不起作用，没有任何事情发生。我在这里做错了什么？

Answer 1

你可以使用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();

Answer 2

*frame = frameRaw;

并且还尝试不在循环中追加/前置而是将其全部收集在一个字符串中并执行一个前置/追加。 https://jsfiddle.net/rbpgva4c/

在html之前添加html

2 个答案: