如何使用jQuery裁剪处理文本字符串并提取括号内容生成列表

可以通过jQuery完成该转换需求，具体实现逻辑如下：

1. 读取.item容器内的原始文本
2. 用正则提取所有被中括号包裹的内容，生成内容数组
3. 遍历内容数组拼接生成<ul> + <li>的结构
4. 用生成的列表结构替换原有的.item div元素

示例代码 #

// 读取原div文本内容
const rawText = $('.item').text();
// 提取所有中括号内的内容，生成数组
const contentArr = rawText.match(/(?<=\[).*?(?=\])/g) || [];
// 拼接ul结构
let ulContent = '<ul>';
contentArr.forEach(item => {
  ulContent += `<li>${item}</li>`;
});
ulContent += '</ul>';
// 替换原有div
$('.item').replaceWith(ulContent);

说明 #

• 上述正则可以直接匹配中括号中间的内容，不需要额外做字符串替换，兼容大部分常规使用场景
• 如果你的实际场景中存在嵌套中括号、转义中括号等特殊情况，根据实际需求调整正则规则即可

内容的提问来源于stack exchange，提问作者Thành Nan Nguyễn