对html中的table里的某一个td进行数据的格式化显示

最新推荐文章于 2021-09-15 14:31:14 发布

大大大师兄

最新推荐文章于 2021-09-15 14:31:14 发布

阅读量1.9k

点赞数 1

文章标签： html

本文链接：https://blog.youkuaiyun.com/Eknaij/article/details/107163550

版权

遍历数据时，由于前端使用的是html+jQuery（用vue.js多香），返回的数据有0和1时，需要进行格式化的显示，参考了很多方法，终于实现了，记录一下，希望对大家有帮助

直接上js代码，都在注释里了

    formatter() {
      //获取后端获取的参数
      var state = this.rowMain.state;
      var type = this.rowMain.type;
      //获取表id为baseTable的行，返回的是一个数组
      var tr = $("#baseTable tr");
      //tr[0]表示获取第一行的td，返回的会是一个数组，如果有多个可以使用循环
      var td = $(tr[0]).find("td");
      //然后对后端获取到的参数进行判断，再把相应的表格文本修改为相应的即可
      switch (parseInt(state)) {
        case 1:
          $(td[1]).html("客户提交");
          break;
        case 2:
          $(td[1]).html("处理中");
          break;
        case 3:
          $(td[1]).html("已回复");
          break;
        case 4:
          $(td[1]).html("客户再次提交");
          break;
        case 5:
          $(td[1]).html("已解决");
          break;
      }
    }