如何有条件地更改第 table 标签文本内容

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

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

Answer 1

我不确定您试图通过包装替换 jQuery 对象中的模式的代码块来做什么。 for循环可以简单地进行替换。

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

Answer 2

不要在 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>

如何有条件地更改第 table 标签文本内容

How to conditionally change the table th tag text content

javascript

jquery

conditional

html-table

contains