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

遍历数据时,由于前端使用的是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;
      }
    }

注:这样修改有个缺点,就是表格的值变动了,如果表格的值还需要二次使用,不建议这么修改,只用于修改展示效果

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章