0

page_container<div>のクラスを使用して、それぞれの下部にページカウンターを追加する必要があります。

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>
4

2 に答える 2

0

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-17T17:41:55.440 に答える
0

私はこれがあなたが望むことをすると信じています:

$("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-17T17:47:50.917 に答える