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)
看一下你提供的代码片段，你可以使用
$('div[class*="percent"]')来选择包含子字符串'percent'的类名。如果你希望每个div的随机百分比是唯一的，我建议使用ID名称。否则，下面的解决方案将每60秒覆盖包含'percent'的所有类名，并将其替换为'percentx'，其中x是随机生成的数字。希望这能帮到你！<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>