對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;
      }
    }

注：這樣修改有個缺點，就是表格的值變動了，如果表格的值還需要二次使用，不建議這麼修改，只用於修改展示效果