在IE8中用jQuery代替多次出現的文本

我有一張表，我需要在數據綁定發生後改變表格。在我們測試IE8之前，我做得很好。在該瀏覽器上，它失敗了。實質上，第三方控件將呈現爲2個表格。第一個表包含網格的標題（包括排序/過濾/分組選項），第二個表包含數據本身。我有一個要求「改變」標題，添加一個「主標題」行，用我們自己的TD元素和A元素增加類。整個jQuery函數如下：在IE8中用jQuery代替多次出現的文本

function onDataBound(e) { 
    var grid = $(this).data("tGrid"); 
    if ($(this)[0].id.indexOf("open") != -1) 
     grid = $("#open tbody")[0]; 
    else 
     grid = $("#closed tbody")[0]; 

    var tb1 = $(grid).html(); 

    if (tb1.indexOf("<tr><td") == -1 && tb1.indexOf("<TR><TD") == -1 && tb1.indexOf("<TR>\r\n<TD") == -1) { 
     // Lower case 
     tb1 = tb1.replace(/<th class=/g, "<td class="); 
     tb1 = tb1.replace(/th>/g, "td>"); 

     // Upper case 
     tb1 = tb1.replace(/<TH class=/g, "<td class="); 
     tb1 = tb1.replace(/TH>/g, "td>"); 

     $("td.t-header").each(function() { 
      var text = $(this).html(); 
      text = text.replace("t-header", "t-header rr-header rr-header-text"); 
      $(this).html(text); 
     }); 
     $("a.t-link").each(function() { 
      var text = $(this).html(); 
      text = text.replace("t-link", "t-link rr-link"); 
      $(this).html(text); 
     }); 

     //tb1 = tb1.replace(/t-header/g, "t-header rr-header rr-header-text"); 
     //tb1 = tb1.replace(/t-link/g, "t-link rr-link"); 

     tb1 = tb1.replace("Project ID", "Project<br/>ID"); 
     tb1 = tb1.replace("Risk ID", "Risk<br/>ID"); 
     tb1 = tb1.replace("Managing Department", "Managing<br/>Department"); 
     tb1 = tb1.replace("Cost Impact", "Cost<br/>Impact"); 
     tb1 = tb1.replace("Schedule Impact", "Schedule<br/>Impact"); 
     tb1 = tb1.replace("Probability of Occurance", "Probability<br/>of<br/>Occurance"); 
     tb1 = tb1.replace("Responsible Party", "Responsible<br/>Party"); 
     tb1 = tb1.replace("Due Date", "Due<br/>Date"); 
     tb1 = tb1.replace("Cost Severity", "Cost<br/>Severity"); 
     tb1 = tb1.replace("Schedule Severity", "Schedule<br/>Severity"); 

     tb1 = "<tr><td colspan='7' class='rr-header rr-risk-identification'>RISK IDENTIFICATION</td>" + 
      "<td colspan='3' class='rr-header rr-risk-assessment'>RISK ASSESSMENT</td>" + 
      "<td colspan='2' class='rr-header rr-risk-mitigation'>RISK MITIGATION</td>" + 
      "<td colspan='2' class='rr-header rr-severity-index'>SEVERITY INDEX</td></tr>" + 
      tb1; 

     $(grid).html(tb1); 
    } 
}

我試圖讓下面的代碼（段）當IE8運行工作。到目前爲止，我沒有運氣。這是我原來的代碼（從上面的代碼中），這在IE9及以上，Chrome瀏覽器，火狐等工作正常 - 但不IE8工作：

tb1 = tb1.replace(/t-header/g, "t-header rr-header rr-header-text"); 
tb1 = tb1.replace(/t-link/g, "t-link rr-link");

我也試着這樣做（代碼段還從上面）：

$("td.t-header").each(function() { 
    var text = $(this).html(); 
    text = text.replace("t-header", "t-header rr-header rr-header-text"); 
    $(this).html(text); 
}); 
$("a.t-link").each(function() { 
    var text = $(this).html(); 
    text = text.replace("t-link", "t-link rr-link"); 
    $(this).html(text); 
});

我使用正則表達式替換的模樣獲取結果： enter image description here

正如你所看到的，第一個TD正確地替換，但所有其餘的走S東西很奇怪 !!使用EACH循環僅僅是失敗。

任何想法？

來源

2013-07-23 Keith Barrows

如果您只是試圖修改類列表，是否可以直接在每個循環內設置類名？

$("td.t-header").each(function() { 
    this.className = "t-header rr-header rr-header-text"; 
});

使用Jqueries切換類的另一種解決方案是列在這裏：

https://stackoverflow.com/a/2576780/2511885

來源

2013-07-23 22:48:39 SlitCanvas

我需要做的多一點，以確保我影響了確切的項目，但除此之外，這是完美的滿足我的需求！ –

在IE8中用jQuery代替多次出現的文本

回答

相關問題