jQuery 隐藏表格单元格中的子字符串

Question

我想隐藏表格单元格中的子字符串。我们假设该表如下所示:

<div id="table">
  <table>
    <tr>
      <td> Blah </td>
      <td> Blah [100, 100]</td>
      <td> Blah [130, 70]</td>
    </tr>
  </table>
</div>

如何使用 jQuery(和 CSS)隐藏单元格 2 的 [100,100] 部分和单元格 3 的 [130, 70] 部分？

我在类似问题的另一个答案中找到了这个解决方案:

<div class="text">Good Stuff Hide Me</div>
<div class="text">Great Stuff Hide Me</div>
<div class="text">Best Stuff Hide Me</div>

$('div.text').html(function (i, t) {
    return t.replace('Hide Me', '<span class="hidden">Hide Me</span>');
})

但我认为我需要一个正则表达式解决方案，因为 [ ] 部分的内容可能不同？或者有更好的iea吗？

Answer 1

您关于需要正则表达式的说法是正确的。这应该有效:

<div class="text">Good Stuff [100]</div>
<div class="text">Great Stuff[100,010]</div>
<div class="text">Best Stuff[70, 130, 180]</div>

$('div.text').html(function (i, t) {
    return t.replace(/\[.*\]/g, '');
})