javascript - 使用 jQuery 更改 h5 元素中的文本

Question

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

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 页则无效，但是这是我在第 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 页中无效，这可能是什么问题？提前致谢。

Answer 1

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