div中jQuery的數字增量

Question

我想使用jQuery在div中將數字遞增+1

原始代碼如下所示：

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

.timeline__item__icon中的那些1應該返回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>