動態添加按鈕（jQuery）

Question

我想用jquery和Ajax進行分頁。 在那裏我跌跌撞撞的第一個是我怎麼可以添加一個按鈕

<div class="btn-group" id="pagination_group"> 
     <button class="btn" disabled="disabled">First</button> 
     <button class="btn" disabled="disabled">Prev</button> 
     <button class="btn btn-primary" id="p1">1</button> 
     <button class="btn" id="p2">2</button> 
     <button class="btn" id="p3">3</button> 
     <button class="btn" id="p4">4</button> 
     <button class="btn" id="p5">5</button> 
     <button class="btn" id="next">Next</button> 
     <button class="btn" id="last">Last</button> 
    </div> 

用的東西的append（）？ 但是如何把它放在正確的地方？ 這個想法是點擊下一步刪除id =「p1」（這是沒有問題的）btn，並在button5和button Next之間添加id =「p6」的按鈕。

謝謝您的建議。

Answer 1

可能有幾種方法來實現這一點。看到這個working example

Answer 2

$("#next").click(function(){ 
    $("#p1").remove(); 
    $("#next").before($('<button class="btn" id="p6">6</button>')); 
})