Подготовить html перед html

Question

У меня есть html-шаблон (jquery, js и все импортируется в голову). Так вот эта часть, я стараюсь предварять новые пункты перед существующим р с идентификатором «борт-страницы»:

<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

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() 

А также попробуйте не добавлять/не добавлять в цикл, а собирать все в строке и делать одно дополнение/добавление. https://jsfiddle.net/rbpgva4c/