javascript - 如何使用 Jquery(或 Javascript)替换表格中的文本？

Question

我有一张 table

<table id="t">
     <tr>
           <td> fsabcdf </td>
           <td> xyzabcdf </td>
     </tr>
     <tr>
           <td> fsabcdf </td>
           <td> xyzabcdf </td>
     </tr>
     <tr>
           <td> fsabcdf </td>
           <td> xyzabcdf </td>
     </tr>
</table>

我想将“abc”(在 td 中)替换为“abc”，如下所示

<table id="t">
     <tr>
           <td> fs<span class='c2'>abc</span>df </td>
           <td> xyz<span class='c2'>abc</span>df </td>
     </tr>
     <tr>
           <td> fs<span class='c2'>abc</span>df </td>
           <td> xyz<span class='c2'>abc</span>df </td>
     </tr>
     <tr>
           <td> fs<span class='c2'>abc</span>df </td>
           <td> xyz<span class='c2'>abc</span>df </td>
     </tr>
</table>

我用谷歌搜索了解决方案，但没有找到任何解决方案。

提前致谢。

Answer 1

你可以这样做:

$('td').html(function(i, html){
  return html.replace(/abc/g, '<span class="c2">abc</span>'); 
});

这会遍历每个 <td> ，查看其文本，然后替换所有出现的 abc与 abc包裹在你想要的跨度中。