在 Javascript 中需要建议 每个 div 的新字体系列

我正在制作一个帖子站点，但我试图让每个帖子都有自己的单独字体系列.

你可以在这里看到草书字体，它正确地分配了它，但分配给了一个班级的所有人.我需要将每个帖子分解成它自己的单独迭代.

因为我是在加载时执行的，所以似乎不能轻松地获取它们的ID或属性并将它们放入数组中.

我目前的解决方案是这样的，完整代码如下 RandFontlist不会返回普通对象，它会返回一些我以前从未见过的东西，比如整个帖子之类的东西. 有没有人有一个聪明的解决方案来迭代

带有.randFont标签的项目？ 谢谢

randfontlist = $('.randfont').toArray()
randfont_idlist = $('.randfont').attr("id").toArray()
$(`.randfont`)[i].addClass(random)

.html个

{% for poopfact in poopfacts %}
 <div class="col">
        <div class="row">
          <p>{{ poopfact.date }} </p>
          <p class="randfont randfont{{poopfact.id}}" id="{{poopfact.id}}">{{ poopfact.fact }}</p>
          <p> {{ poopfact.author }}</p>
        </div>

.script个

$( document ).ready( function() {
          
          $('.randfont').load(randomizeFonts()) 
          
          function randomizeFonts() {
            let fonts = ['caveat', 'indieflower', 'nanum', 'pacifico', 'pmarker', 'tangerine'];
            const randfonts = $('.randfont')
            for (let i = 0; i < randfonts.length; i++) {
              var random = fonts[Math.floor(Math.random() * fonts.length)];
              //get the ids of those items and put it into another array
              $(`.randfont`).addClass(random)
              }
          }