我需要我的jquery計數器在div內的最後一個img之後重置

我需要爲每個<div>的底部添加一個頁計數器，其中一個page_container。我需要我的jquery計數器在div內的最後一個img之後重置

我需要它重置頁計數器爲1的每個div標記與類resource_container。

現在我的代碼只是不斷計數總page_container，不重置爲1新resource_container啓動時。

這裏是我的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>

來源

2013-07-17 Jason Barr

編輯！添加了'''這裏''img src =「01a.png」>'..因爲我認爲這是一個錯字.. – bipen

您能否展示，對於發佈的示例，您希望HTML/DOM在*被操縱與jQuery？ –

** ID應該始終是唯一的..並且最好是一個字符串而不是數字** – bipen

JS：

$("document").ready(function() { 
    buildPageBottoms('img', 'resource_container'); 
}); 

function buildPageBottoms(strWhichTag, strSplitterTag) { 
    $('.' + strSplitterTag).each(function() { 
     var cPageCount = 1; 
     $('.' + strSplitterTag + ' > ' + strWhichTag).each(function() { 
      $(this).after($("<div class='pagenumber'><p>page " + cPageCount+++"</p></div>")); 
     }); 
    }); 
}

來源

2013-07-17 17:41:55 abc123

我相信這你想要做什麼：

$("document").ready(function() { 
    $(".resource_container").each(function() { // Loop through resource_containers 
     var pageCount = 0; 
     $(this).find(".page_container").each(function(){ // Loop through child page_containers 
      $(this).append("<div class='pagenumber'><p>page " + (pageCount++) + "</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>

你忘了關閉img標籤和有一個</div>標籤。由於bipen說你應該爲你的元素提供唯一的ID，並且除非你使用HTML5，否則請以字母開頭。

http://jsfiddle.net/6YZK8/

來源

2013-07-17 17:47:50

我需要我的jquery計數器在div內的最後一個img之後重置

回答

相關問題