我需要在每个页面的底部添加一个页面计数器,其中<div>
包含一个page_container类。
我需要它为每个具有resource_container类的 div 标签将页面计数器重置为 1 。
现在我的代码只是不断计算总page_container并且在新的resource_container启动时不会重置为 1 。
这是我的jQuery:
$("document").ready(function() {
buildPageBottoms('img');
});
function buildPageBottoms(strWhichTag) {
var cPageCount = 1;
$(strWhichTag).each(function() {
$(this).after($("<div class='pagenumber'><p>page " + cPageCount++ + "</p></div>"));
});
}
这是我的html:
<div class="resource_container">
<div class="page_container" id="1"><img src="01a.png">
</div>
<div class="page_container" id="2"><img src="02a.png">
</div>
</div>
<div class="resource_container">
<div class="page_container" id="1"><img src="01b.png">
</div>
<div class="page_container" id="2"><img src="02b.png">
</div>
</div>
</div>