动态添加按钮（jquery）

我想用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>

弗斯特
上
1.
2.
3.
4.
5.
下一个
最后

带有append（）的内容？ 但是如何把它放在正确的地方呢？ 这个想法是在单击Next remove btn with id=“p1”（这没问题）并在button5和button Next之间添加id=“p6”的按钮之后产生的

谢谢您的建议。

$（“#下一步”）。单击（函数（）{
$("#next").click(function(){
    $("#p1").remove();
    $("#next").before($('<button class="btn" id="p6">6</button>'));
})

$（“#p1”）.remove（）；
元（“#next”）。在（$（'6'））之前；
})

可能有几种方法可以实现这一点。看到这个

我想你可以删除上一个按钮后面的按钮，因为在第二次单击下一个按钮时不会有“#p1”元素。是的，但我刚刚回答了wat的问题。我知道这在一般情况下是行不通的。因为在这种情况下，他需要用preper变量更改

p6

和

p1

信息。谢谢。这是一个完整的解决方案（至少是我目前需要的）。