在html之前加上html

-1

我有一個html模板（jquery，js和一切都在頭部導入）。所以這裏這個部分，我嘗試用ID「板頁」現有的P之前，前面加上新段：在html之前加上html

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

但這並不工作，沒有事情發生。我在這裏做錯了什麼？

來源

2016-09-27 dmbdnr

把更多的代碼，在您的代碼段'boards'是一個空數組所以'prepend'不會被調用，這意味着我們不能檢查appendBoards正在使用的數據是否正確。 – GillesC

發佈'addNewBoardWithTitle'的代碼太 – GillesC

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

來源

2016-09-27 11:19:01

謝謝你，完美的作品！ – dmbdnr

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/

來源

2016-09-27 11:15:31 Palm

在html之前加上html

回答

相關問題