jQuery的增量

Question

我想獲得在div數量將增加+1與jQuery的

原來的代碼如下所示：

<div class="timeline"> 
<div class="timeline__item"> 
    <div class="timeline__item__icon-wrap"> 
     <div class="timeline__item__icon"> 
      1 
     </div> 
    </div> 
    <div class="timeline__item__content padding-left"> 
     <div class="timeline__item__description"> 
       <h3>Day 1</h3> 
      <p>t t t t t t t t t t</p> 
     </div> 
    </div> 
</div> 
<div class="timeline__item"> 
    <div class="timeline__item__icon-wrap"> 
     <div class="timeline__item__icon"> 
      1 
     </div> 
    </div> 
    <div class="timeline__item__content padding-left"> 
     <div class="timeline__item__description"> 
      <h3>Day 2</h3> 
      <p>t t t t t t t t t t</p> 
     </div> 
    </div> 
</div> 
<div class="timeline__item"> 
    <div class="timeline__item__icon-wrap"> 
     <div class="timeline__item__icon"> 
       1 
     </div> 
    </div> 
    <div class="timeline__item__content padding-left"> 
     <div class="timeline__item__description"> 
      <h3>Day 3</h3> 
      <p>t t t t t t t t t t</p> 
     </div> 
    </div> 
</div> 

這些1 .timeline__item__icon應該返回1，2，3 ...

我試圖與

jQuery(document).ready(function() { 
var number = 1; 
jQuery(".timeline__item__icon-wrap > div > div").replaceWith(number); 
return ++number; 
}); 

Answer 1

$('.timeline__item__icon').each((i, e) => $(e).text(i+1));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="timeline__item__icon"> 
 
    1 
 
</div> 
 
<div class="timeline__item__icon"> 
 
    1 
 
</div> 
 
<div class="timeline__item__icon"> 
 
    1 
 
</div>