vue jquery方式修改内容及操作dom及扩展

//页面全部加载完成，且组件都已经挂载
    ready: function () {
      var cellDom = this.getElementsClass("cell");
      // cellDom[0].innerHTML = '评估内容';
      cellDom[1].innerHTML = '评估指标';
      cellDom[2].innerHTML = '评价等级';
      var bodyDom = this.getElementsClass("el-table__body");
      var trLength = $(bodyDom).find('tr').length;
      $(bodyDom).find('tr td:first-child').hide();
      $(bodyDom).find('tr:first-child td').show();
      $(bodyDom).find('tr:first-child td:first-child .cell').text('培训实施');
      $(bodyDom).find('tr:first-child td:first-child').attr('rowspan', trLength)
    },

getElementsClass(classnames) {
        var classobj = new Array(); //定义数组 

        var classint = 0; //定义数组的下标 

        var tags = document.getElementsByTagName("*"); //获取HTML的所有标签 

        for (var i in tags) { //对标签进行遍历 

          if (tags[i].nodeType == 1) { //判断节点类型 

            if (tags[i].getAttribute("class") == classnames) //判断和需要CLASS名字相同的，并组成一个数组 

            {

              classobj[classint] = tags[i];

              classint++;

            }

          }

        }

        return classobj; //返回组成的数组 

      }

 实际使用发现class类有多个时，只读取的第一个，扩展为类中有自己想要的就返回，扩展如下

getElementsClass(classnames) {
        let classobj = new Array(); //定义数组 
        let classint = 0; //定义数组的下标 
        let tags = document.getElementsByTagName("*"); //获取HTML的所有标签 

        for (let i in tags) { //对标签进行遍历 
          if (tags[i].nodeType == 1) { //判断节点类型 
            if (tags[i].getAttribute("class") && tags[i].getAttribute("class")
              .indexOf(classnames) > -1) {
              classobj[classint] = tags[i];
              classint++;
            }
            // else if (tags[i].getAttribute("class") == classnames) //判断和需要CLASS名字相同的，并组成一个数组 
            // {
            //   classobj[classint] = tags[i];
            //   classint++;
            // }
          }
        }
        return classobj; //返回组成的数组 
      }