更換TD中的內容基於使用jQuery

Question

某些條件我需要完成以下任務：

我有認爲我需要編輯數據/格式的表：根據

<tr><td>Tools and Other: Hammers</td><tr> 
<tr><td>Tools and Other: Wrenches</td><tr> 

條件，我需要的內容更改爲以下：

<tr><td>Toolbox: Hammer</td></tr> 
<tr><td>Toolkit: Wrench</td></tr> 

我將如何只是變化這兩個TD的內容動態USI ng jQuery？其次 - 我如何從每個TD只刪除「工具和錘子」，如果我決定這樣做的 - 這樣的：

<tr><td>Hammers</td></tr> 
<tr><td>Wrenches</td></tr> 

Answer 1

你可以改變的TD的這樣的情況下，

$('td').html(function() { 
    return $(this).text().replace('Tools and Other: ', ''); 
}); 

Example on jsFiddle

Answer 2

給定一個表用id blah，像這樣的：

<table id="blah"> 
    <tr><td>Tools and Other: Hammers</td></tr> 
    <tr><td>Tools and Other: Wrenches</td></tr> 
</table> 

你可以做替換這樣的代碼 - http://jsfiddle.net/Khs7N/：

$("#blah tr td").each(function() { 
    $(this).text(
     $(this).text().replace(
      /^Tools and Other/, 
      "Toolbox" 
     ) 
    ); 
}); 

開頭的jQuery selector會找到該元素與編號blah，找到它的所有<tr>孩子，以及所有這些元素的<td>孩子。那麼這些元素將會是execute the function for each。

該函數簡單地抓取文本，在其上調用the JavaScript string.replace function（使用正則表達式）來更正文本，然後使用新字符串設置元素的整個文本。

regular expression僅在字符串的開始處使用^元字符匹配「工具和其他」。