javascript - 如何有条件地更改表格标签文本内容

Question

我是 JavaScript 和 jQuery 新手。我想根据数组的内容有条件地更改第 th 文本。

var categoryNames = "Category : 1~!_Basis~#Category : 2~!_QUALITÄT~#Category : 3~!_GRUNDDATEN~#Category : 4~!_DISPOSITION~#Category : 5~!_VERTRIEB~#Category : 6~!_EINKAUF~#Category : 7~!_BUCHHALTUNG~#Category : 8~!_Optionen";

var replacetext = ["_Basis","_QUALITÄT","_GRUNDDATEN","_DISPOSITION","_VERTRIEB","_EINKAUF","_BUCHHALTUNG","_Optionen" ];

var res = categoryNames.split("~#");

for (var i=0; i< res.length; i++){ 
  var pattern = res[i];
  var rep  =  replacetext[i]; 
  $(function(){
    alert(pattern);
    var m=  $('table tr th:contains("'+pattern+'")');  
    m.text(rep);
  });  
}

上面的代码只是将最后一个模式“Category : 8~!_Optionen”替换为“_Optionen”。请建议。

Answer 1

不要在 for 循环中包含 document.ready。

var categoryNames = "Category : 1~!_Basis~#Category : 2~!_QUALITÄT~#Category : 3~!_GRUNDDATEN~#Category : 4~!_DISPOSITION~#Category : 5~!_VERTRIEB~#Category : 6~!_EINKAUF~#Category : 7~!_BUCHHALTUNG~#Category : 8~!_Optionen";
var replacetext = ["_Basis", "_QUALITÄT", "_GRUNDDATEN", "_DISPOSITION", "_VERTRIEB", "_EINKAUF", "_BUCHHALTUNG", "_Optionen"];
var res = categoryNames.split("~#");

for (var i = 0; i < res.length; i++) {
  var pattern = res[i];
  var rep = replacetext[i];
  alert(pattern);
  //var m = $('table tr th:contains("' + pattern + '")');
  //m.text(rep);
  alert(rep)
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>