使用jQuery从h5元素更改文本

时间:2016-09-09 15:30:09

标签: javascript jquery

我试图添加一个元素来显示页面数/页面总数如下:

  

Pag:1/6

这就是我所拥有的,我使用jQuery绘制整个HTML模板,代码太多,所以这里是我做的一个例子(这个代码是第1/1页):< / p>

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页,我也这样做但最后我这样做(Pag 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中没有问题?提前谢谢。

1 个答案:

答案 0 :(得分:-1)

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