我在上创建了一个循环，Div并id为Example提供了不同的代码(div [id]=" 'wave' + i " )，(div [id]=" 'wave1' + i " )依此类推，给定的要求是，当你单击位于每行前面的按钮时，样式将应用于该特定行，因此我已应用了逻辑在此之下，我会感觉到静止而漫长，有人可以帮助我，而在另一种逻辑中，它又是动态的且更少。

 AllokVertical(name) {
    // console.log("name is ",name)
    this.buttonpressedData.forEach((ele) => {
      if (name === "Test1") {
        var i = 0
        if (ele.id === `wave${i}` || ele.id === `wave${i + 1}${i}` || ele.id === `wave${i + 2}${i}` || ele.id === `wave${i + 3}${i}` || ele.id === `wave${i + 4}${i}` || ele.id === `wave${i + 5}${i}`) {
          $('#' + ele.id).removeClass('yellow')
        }

      } else if (name === "Test2") {
        var i = 1
        if (ele.id === `wave${i}` || ele.id === `wave${i}${i}` || ele.id === `wave${i + 1}${i}` || ele.id === `wave${i + 2}${i}` || ele.id === `wave${i + 3}${i}` || ele.id === `wave${i + 4}${i}`) {
          $('#' + ele.id).removeClass('yellow')
        }

      } else if (name === "Test3") {
        var i = 2
        if (ele.id === `wave${i}` || ele.id === `wave${i - 1}${i}` || ele.id === `wave${i}${i}` || ele.id === `wave${i + 1}${i}` || ele.id === `wave${i + 2}${i}` || ele.id === `wave${i + 3}${i}`) {
          $('#' + ele.id).removeClass('yellow')
        }
      }else if (name === "Test4") {
        var i = 3
        if (ele.id === `wave${i}` || ele.id === `wave${i - 2}${i}` || ele.id === `wave${i-1}${i}` || ele.id === `wave${i}${i}` || ele.id === `wave${i+1}${i}` || ele.id === `wave${i + 2}${i}`) {
          $('#' + ele.id).removeClass('yellow')
        }
      }else if (name === "Test5") {
        var i = 4
        if (ele.id === `wave${i}` || ele.id === `wave${i - 3}${i}` || ele.id === `wave${i-2}${i}` || ele.id === `wave${i-1}${i}` || ele.id === `wave${i}${i}` || ele.id === `wave${i + 1}${i}`) {
          $('#' + ele.id).removeClass('yellow')
        }
      }else {
        var i = 5
        if (ele.id === `wave${i}` || ele.id === `wave${i - 4}${i}` || ele.id === `wave${i-3}${i}` || ele.id === `wave${i-2}${i}` || ele.id === `wave${i-1}${i}` || ele.id === `wave${i}${i}`) {
          $('#' + ele.id).removeClass('yellow')
        }
      }

    })
  }