使用 jQuery 进行简单的查找和替换答案

【问题标题】：simple find & replace using jQuery使用 jQuery 进行简单的查找和替换
【发布时间】：2013-08-07 16:24:30
【问题描述】：

我在 Google 上进行了搜索，但令人惊讶的是找不到相关答案。

我想要做的是连接大约 6 个 TD id（id="1234price"、id="2345price" 等）

并更改该表格单元格中的文本，让他们所有人都说即将推出，而不是他们目前显示的各种价格。

查看 jquery docs replacewith 似乎替换了整个内容，即它会删除整个 td，而不是替换 td 中包含的文本？

【问题讨论】：

如果您正在查找 6 个 ID 并希望将它们全部替换为相同的值，那么最好使用类。即添加 class="price" 到您的 TD，然后使用 $('.price').text("coming soon");或 $('.price').html("即将推出"); [可以检查差异]

【解决方案1】：

使用text method 设置元素内的文本。示例：

$('#1234price,#2345price').text("coming soon");

【讨论】：

【解决方案2】：

假设 td 的文本如下所示

<td id="price123"><a href="#">tag hyperlink</a><p>p tag</p>text</td>

使用这条线

$('#price123').contents().last()[0].textContent='50';

它在 td 上保留其他 HTML 标记，并更改最后一个位置的文本。演示 Change text only

【讨论】：