jquery - 如何在一个循环中为一个父类的不同类获得不同的样式我尝试这样做...使用 jquery ，

Question

如何在一个循环中为一个父类的不同类获得不同的样式我尝试这样做...使用 jquery ，在此代码中输出不是我期望的那样，而是所有类都有相同的样式，但我希望 margin-top 有所不同。

  function addUsers(){
    for (let index = 0; index <sp.length; index++) {
      $(".peopless").addClass(` ppl${index+1}`);
    }
  }

  $(document).ready(function(){
    addUsers();
    var op = sp.length;
    for(let i=0;i<op;i++)
    {
      console.log(`.ppl${i+1}`)
      $(`.ppl${i+1}`).css({
          'display': 'inline',
          'width':'280px',
          'height': '70px',
          'border':'2px solid white',
          'position': 'absolute',
          'margin-top':'30px',
          'top':`${10+i+1}%`,
          'left':'20px'
      });
      $(`.ppl${i+1}`).append(sp[i]);
    }
  });

标签： jquerycss