Prepend html vor html

Question

Ich habe eine HTML-Vorlage (jquery, js und alles wird in den Kopf importiert). So, hier ist dieser Teil, versuche ich vor dem bestehenden p neue Absätze vorangestellt mit der ID „board-Seite“:

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

Und hier ist mein 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(); 

Aber das tut nicht Arbeit, nichts passiert. Was mache ich hier falsch?

Answer 1

diese Weise können Sie insert für ..

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

Und versuchen Sie auch, nicht anhängen/vorgeben in einer Schleife lieber sammeln Sie alles in einer Zeichenfolge und tun Sie eine Voranlegen/Anhängen. https://jsfiddle.net/rbpgva4c/