html字符串处理，截取标签的id内容

Question

一段html字符串如何做如下替换
如图：

let htmlStr = `<td style="width: 49.279%;"><span id="status"></span>状态</td>`

let htmlStr2 = `<td style="width: 49.279%;"><span id="time"></span>时间</td>`

如何替换成

形式：let target1 = `<td style="width: 49.279%;">${status}</td>`
     let target2 = `<td style="width: 49.279%;">${time}</td>`

大家都有哪些比较好的处理办法呢~请多多指教，谢谢啦！

Answer 1

基于Monster 组和GPT的调写：
正则表达式来匹配HTML字符串中的特定文本并进行替换,例子：

let htmlStr = `<td style="width: 49.279%;"><span id="status"></span>状态</td>`;
let htmlStr2 = `<td style="width: 49.279%;"><span id="time"></span>时间</td>`;

// 使用正则表达式匹配HTML字符串中的文本
const statusRegex = /<td style="width: 49.279%;"><span id="status"><\/span>(.*?)<\/td>/;
const timeRegex = /<td style="width: 49.279%;"><span id="time"><\/span>(.*?)<\/td>/;

// 替换HTML字符串中的文本
const target1 = htmlStr.replace(statusRegex, `<td style="width: 49.279%;">$1</td>`);
const target2 = htmlStr2.replace(timeRegex, `<td style="width: 49.279%;">$1</td>`);

console.log(target1);
console.log(target2);

上面的代码中，我们首先定义了两个正则表达式statusRegex和timeRegex，它们分别用于匹配包含状态和时间的HTML字符串。然后，我们使用replace()方法将匹配到的文本替换为新的HTML字符串，其中${1}表示正则表达式中第一个捕获组的值。
输出的结果应该是：

<td style="width: 49.279%;">状态</td>
<td style="width: 49.279%;">时间</td>