javascript - 使用jQuery从H5元素更改文本

我正在尝试添加一个元素来显示页码/总页数，如下所示：


  Pag：1/6


这就是我所拥有的，我用jQuery绘制了一个完整的HTML模板，代码太多了，因此这里是我所做的示例（此代码用于第1/1页）：

var html = ""; //Here I draw my html code
html += '<td>';
html += '<h5 id="p1" class="text-right">Pag: ' + div + '/' + total + '</h5>';'
html += '</td>';
A lot of code.... and finally...

//I have 4 div (a total of 4 pages) so this is the reason of why I'm doing this:
var p = "div" + div.toString();
$('#' + p).html(html); //The final result is: #div1, #div2... etc

对于第2页，我执行相同操作，但最后我执行了此操作（第2页）：

var pag = "Pag: 1/2";
$('#p1').text(pag);

这样我从第1页更改h5（1/1现在是1/2）。

在这一部分，一切正常，但是当我尝试对第3页和第4页做同样的事情时，文本不会更改，所以我的问题是可能是什么问题？因为我在第1页和第2页上执行的操作完全相同，但在第3页和第4页上却没有，但是这是我在PAGE 3中所做的：

var pag1 = "Pag: 1/3";
var pag2 = "Pag: 2/3";
$('#p1').text(pag1);
$('#p2').text(pag2);

如您所见，它应该可以工作，这是我绘制html的函数：

$('#go').click(function () {
    div++;
    total++;

    if (div == 1)
        drawPage1(); //div and total = 1, h5 id="p1" Pag: 1/1
    if (div == 2)
        drawPage2(); //div and total = 2, h5 id="p2" Pag: 2/2
    if (div == 3)
        drawPage3(); ////div and total = 3, h5 id="p3" Pag: 3/3
});

为什么在第1页和第2页而不是在第3页和第4页上可以工作的原因是什么？提前致谢。

最佳答案

在执行绘制第3页和第4页的功能之前，某些功能破坏了我的代码，解决方案...阅读控制台试图说的内容。

关于javascript - 使用jQuery从H5元素更改文本，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/39415057/