テーブルのタグのテキストコンテンツを条件付きで変更する方法

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

だけで最後のパターンのために取って代わりつつある "カテゴリー：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>

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