vue 在for循环里获取出来的dom元素 现在循环出了多个 我只想取一个用 怎么取呢

Question

fieldCharacter(daysInfoIndex,daysIndex){
      var that = this;
      for (let i of that.daysInfo) {
        if (parseFloat(i.week) === daysInfoIndex) {
          if (i.courseTimeMo !== null) {
            for (var j of i.courseTimeMo) {
                // 遍历课程
              if (j.courseTimeId == daysIndex) {
                // return '可选'
                // 状态为1代表可选
                // debugger
                if(j.scheduleState === "1"){
                  console.log(j.courseTimeId);
                    this.$nextTick(()=>{
                    let getCourseDom = this.$refs.xgRef;
                    console.log(getCourseDom);
                    // 循环元素td
                    getCourseDom.forEach(function(val,index){
                      // console.log(index);
                      // 改变其对应状态的背景色
                      if(val.innerText === j.innerHTML){
                        val.bgColor = "#cbf6e4";
                        val.onclick = function(){
                          console.log(index+1,':',val);
                          console.log(j.courseTimeId);
                        }
                      }
                    })       
                  })
                   return (j.innerHTML = "已选" + j.count + "人" + j.teacher + j.address);

图片中现在取到了6组 我只想取一组拿出来用 怎么取呢？

Answer 1

拿到一组就跳出循环