使用jQuery按“数字+）”分割带编号的字符串

嘿，这个需求其实很好解决！核心思路是借助正则表达式精准匹配“数字+右括号”的分隔规则，再结合JavaScript的数组处理和jQuery的DOM操作来完成。下面给你一步步拆解实现过程：

步骤1：定义原始字符串 #

首先咱们先把目标字符串存起来：

var originalStr = "1)test one 2)test two 3)test three 4)test four 5)test five";

步骤2：用正则分割字符串 #

这里我们用带捕获分组的正则来分割，这样能保留分割符（也就是数字+）的部分），方便后续拼接完整条目：

// 正则解释：\d+匹配1个或多个数字，\)匹配右括号，括号用于捕获分隔符
var splitParts = originalStr.split(/(\d+\))/);

这一步执行后，splitParts数组会是这样的：
["", "1)", "test one ", "2)", "test two ", "3)", "test three ", "4)", "test four ", "5)", "test five"]

步骤3：整理出独立条目 #

接下来我们过滤掉空元素，把分隔符和对应的内容拼接成完整条目：

var resultItems = [];
// 从索引1开始，每次跳2位（因为分隔符和内容交替出现）
for (var i = 1; i < splitParts.length; i += 2) {
  // 把分隔符和内容拼接，trim()去掉内容前后的多余空格
  resultItems.push(splitParts[i] + splitParts[i + 1].trim());
}

现在resultItems里就存着你想要的独立条目啦：
["1)test one", "2)test two", "3)test three", "4)test four", "5)test five"]

步骤4：用jQuery渲染到页面（可选） #

如果需要把这些条目展示在页面上，比如生成一个列表，用jQuery可以轻松实现：

// 创建一个ul元素
var $itemList = $('<ul>');
// 遍历条目，生成li并添加到ul里
resultItems.forEach(function(item) {
  $itemList.append($('<li>').text(item));
});
// 把列表添加到页面body中
$('body').append($itemList);

完整代码示例 #

把上面的步骤整合起来，完整代码如下：

$(function() {
  var originalStr = "1)test one 2)test two 3)test three 4)test four 5)test five";
  var splitParts = originalStr.split(/(\d+\))/);
  var resultItems = [];

  for (var i = 1; i < splitParts.length; i += 2) {
    resultItems.push(splitParts[i] + splitParts[i + 1].trim());
  }

  // 渲染到页面
  var $itemList = $('<ul>');
  resultItems.forEach(function(item) {
    $itemList.append($('<li>').text(item));
  });
  $('body').append($itemList);

  // 也可以在控制台输出结果，方便查看
  console.log(resultItems);
});

这个方案不仅能处理1-5的单数字，像10)test ten这种多数字的情况也能完美适配，因为正则里的\d+会匹配任意长度的数字~

内容的提问来源于stack exchange，提问作者Rakesh Jogani