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>

附加（）的东西？但是如何把它变成正确的地方呢？想法是点击下一步删除btn与id =“p1”（这没问题）并在button5和按钮Next之间添加id =“p6”的按钮。

感谢您的建议。

Answer 1

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

Answer 2

可能有几种方法可以实现这一目标。见working example

动态添加按钮（jquery）

2 个答案: