jquery索引兒童分別在多個家長div

Question

這個問題可能出現之前，但我一直在尋找小時，並沒有找到一個解決方案。我正在爲一些工作正常的手風琴的索引編制索引，但有幾個父級divs，每個手風琴都有手風琴，我需要每個父母都從1開始爲其子div編號。此刻，第一個父級擁有1，2， 3，然後下一個父母繼續4,5，而不是在1，2再次開始。我希望這是有道理的代碼附加，預先感謝任何幫助！

<div class="parent"> 
     <div class="button"><span>1</span></div> 
     <div class="content"></div> 
     <div class="button"><span>2</span></div> 
     <div class="content"></div> 
     <div class="button"><span>3</span></div> 
     <div class="content"></div> 
    </div> 

    <div class="parent"> 
     <!-- These should start again at 1 --> 
     <div class="button"><span>4</span></div> 
     <div class="content"></div> 
     <div class="button"><span>5</span></div> 
     <div class="content"></div> 
    </div> 


$('.button').each(function(){ 
      var num = $('.parent .button').index(this) + 1; 
      $(this).append($("<span>" + num + "</span>").addClass("number"));  
     }); 

Answer 1

$('.button').append(function() { 
    return $('<span />', {text: $('.button', this.parentNode).index(this) + 1}) 
}); 

FIDDLE