J'ai une page qui ressemble à ceci :
<a href="#" onclick="go('register')">
<img class="img" src="img/192.webp" alt="box set" />
<div class="name" style="line-height: 2">box set</div>
</a>
</div>
<div class="item ">
<a href="#" onclick="go('register')">
<img class="img" src="img/182.webp" alt="battery" />
<div class="name" style="line-height: 2">battery</div>
Je me demandais s'il existait un moyen d'insérer aléatoirement un div avec la classe "percentx" (un nombre aléatoire compris entre 1 et 100) afin que lorsque la page se charge, elle ressemble à :
<a href="#" onclick="go('register')">
<img class="img" src="img/192.webp" alt="box set" />
<div class="name" style="line-height: 2">box set</div>
<div class="percent75"></div>
</a>
</div>
<div class="item ">
<a href="#" onclick="go('register')">
<img class="img" src="img/182.webp" alt="battery" />
<div class="name" style="line-height: 2">battery</div>
<div class="percent61"></div>
Puis change toutes les 60 secondes :
<a href="#" onclick="go('register')">
<img class="img" src="img/192.webp" alt="box set" />
<div class="name" style="line-height: 2">box set</div>
<div class="percent21"></div>
</a>
</div>
<div class="item ">
<a href="#" onclick="go('register')">
<img class="img" src="img/182.webp" alt="battery" />
<div class="name" style="line-height: 2">battery</div>
<div class="percent95"></div>
À propos de ce sujet :
$('.percent').each(function () {
var x = Math.floor((Math.random() * 100) + 1);
$(this).text(x)
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="percent"></div>
Honnêtement, je n'ai aucune idée de comment modifier ce code pour l'adapter à mes besoins, toute aide serait grandement appréciée.
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
En regardant l'extrait de code que vous avez fourni, vous pouvez utiliser
$('div[class*="percent"]')pour sélectionner les noms de classe qui contiennent la sous-chaîne « pourcentage ». Si vous souhaitez que le pourcentage aléatoire soit unique pour chaque div, je vous recommande d'utiliser des noms d'identification. Sinon, la solution ci-dessous écrasera tous les noms de classe contenant « pourcent » toutes les 60 secondes et les remplacera par « pourcentx », où x est un nombre généré aléatoirement. J'espère que cela t'aides!<div class="percent"></div> <div class="percent"></div> <div class="percent"></div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script> setInterval(function() { $('div[class*="percent"]').each(function () { var x = Math.floor((Math.random() * 100) + 1); $(this).attr('class', 'percent' + x); }); }, 60000); </script>