如何有条件地更改table th标签文本内容答案

【问题标题】：How to conditionally change the table th tag text content如何有条件地更改table th标签文本内容
【发布时间】：2018-02-13 06:26:35
【问题描述】：

我是 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”。请建议。

【问题讨论】：

标签： javascript jquery html-table conditional contains

【解决方案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)
}

&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;

【讨论】：

如果有帮助，请接受答案:)。快乐编码。

【解决方案2】：

我不确定您通过将替换模式的代码块包装在 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);
}

【讨论】：