[wwwebtarget]

Есть блок с 10 новостями на странице. Как можно при загрузке страницы, рандомно добавить класс .active к диву чтобы получилось вот так <div class="status"><span class="online active"></span></div>

Чтобы класс .active добавлялся к примеру к первой новости, к четвертой, восьмой

<a href="#" class="product-item-link">
  <div class="product-item">
    <div class="product-item-image">
      <img src="/uploads/posts/2019-12/1576610481_cs1.jpg">
    </div>
    <div class="product-item-desc">
      <div class="product-item-title">Заголово</div>
      <div class="product-item-features">21 августа 2012, Шутер</div>
      <div class="product-item-activation-icon">
        <img src="/templates/Default/images/icons/CS:GO.png">
      </div>
    </div>
    <div class="product-item-seller-price">
      <div class="product-item-seller">
        <div class="product-item-seller__name">
          <div><b>Продавец:</b></div>
          <div class="product-item-seller__name-name"> Roman</div>
        </div><img src="/posts/2020-01/1578428132_fake_taksist.jpg">
        <div class="status"><span class="online"></span></div>
      </div>

      <div class="product-item-price">
        <div class="product-item-price-discount"></div>
        <div class="product-item-price-price">170 ₽</div>
      </div>
    </div>
  </div>
</a>

Нужна помощь в решении на jQuery