匹配并替换 <td> 标记的每 7 个实例

Question

我正在努力思考如何让这个正则表达式在 Visual Studio Code 中工作。

我正在尝试匹配 <td> 标记的每 7 个实例，然后将其替换为 <td data-order="">。

原创

<tr>
<td>1</td>
<td>Name</td>
<td>Owner</td>
<td>Value</td>
<td>Total</td>
<td>Percent</td>
<td>Ratio</td>
<td>Final</td>
</tr>

我想要什么

<tr>
<td>1</td>
<td>Name</td>
<td>Owner</td>
<td>Value</td>
<td>Total</td>
<td>Percent</td>
<td data-order="">Ratio</td>
<td>Final</td>
</tr>

我尝试了((?:.*<td>){1}) 的变体，但任何大于 1 的数字只会给我一个“无结果”消息。

Answer 1

[您说“每 7 个实例匹配一次”，但我认为您的意思是匹配第 7 个实例，而不是第 7 个、第 14 个、第 21 个等。假设您的意思是仅第 7 个......”]

如果您的数据确实像您展示的那样规则且结构化，您可以将其用作 Find

中的正则表达式

查找：(?<=<tr>\n(?:<td>.*<\/td>\n){6})(<td)
替换：<td data-order=""

如果<td>...\n...</td> 标记中可能有换行符，请使用此

查找：(?<=<tr>\n(?:<td>[^/]*<\/td>\n){6})(<td)
替换：<td data-order=""

Vscode 的查找/替换（在一个文件中）可以使用非固定长度的lookbehind like

(?<=<tr>\n(?:<td>.*<\/td>\n){6})

跨文件搜索无法做到这一点，所以这个正则表达式在那里不起作用。像 regex101.com 这样的网站也不能使用它，所以我将在 vscode 中展示一个演示：

Answer 2

您可以使用扩展名Select By。并使用命令moveby.regex。

在您的keybindings.json 中定义一个键绑定以搜索下一个<td> 标记。

  {
    "key": "ctrl+i ctrl+u",  // or any other key combo
    "when": "editorTextFocus",
    "command": "moveby.regex",
    "args": {
      "regex": "<td[^>]*>",
      "properties": ["next", "end"]
    }
  }

1. 选择您要开始的第一个<tr>标签
2. 选择以下每个<tr> 标记：
   • 命令：将选择添加到下一个查找匹配项
     (Ctrl+D - editor.action.addSelectionToNextFindMatch)
   • 菜单选项：选择 > 选择所有事件
3. 根据需要多次应用键绑定
4. 您的光标现在位于第 n 个 <td> 标记之后
5. 进行任何您想要的编辑
6. 按 Esc 退出多光标模式

在Select By v1.2.0 中，您可以指定重复计数。计数可以固定或向用户询问。

  {
    "key": "ctrl+i ctrl+u",  // or any other key combo
    "when": "editorTextFocus",
    "command": "moveby.regex",
    "args": {
      "regex": "<td[^>]*>",
      "properties": ["next", "end"],
      "repeat": "ask"
    }
  }

如果您省略了属性 "regex"，系统也会要求您输入正则表达式。

编辑

使用正则表达式需要相当长的时间才能使其正确

let testStr =`<tr>
<td>1</td>
<td>Name</td>
<td>Owner</td>
<td>Value</td>
<td>Total</td>
<td>Percent</td>
<td>Ratio</td>
<td>Final</td>
</tr>`;

var replace = '$1<td class="red">$2';
var regex = new RegExp("(<tr>[\n\r\s]*(?:<td[^>]*>(?:.|[\n\r\s])*?</td>[\n\r\s]*){6})<td>((?:.|[\n\r\s])*</tr>)");
var newstr=testStr.replace(regex,replace);
console.log(newstr);

document.getElementById("test").innerHTML=newstr

.red {
  color: red
}

<table>
  <tbody  >
  <tr id="test">
  </tr>
  </tbody>
</table>

Answer 3

我对此很感兴趣，因为我不太了解正则表达式并且需要学习，但我设法分两次完成。

我希望有人能纠正我并帮助纠正一种方式。

我试图遵循这个：但无法让它工作：Find Nth Occurrence of Character

let testStr = '<td>1</td><td>Name</td><td>Owner</td><td>Value</td><td>Total</td><td>Percent</td><td>Ratio</td><td>Final</td>';

var replace = '<td class="red">';
var regex = new RegExp("((<td>.*?)){7}");
// tried with a lot of (?:...) combinations here but none works :(
var newstr=testStr.replace(regex,replace);

var regex2 = new RegExp("((</td>.*?)){6}");
var newstr2=testStr.match(regex2);

console.log(newstr);
console.log(newstr2[0]);

document.getElementById("test").innerHTML=newstr2[0]+newstr

.red {
  color: red
}

<table>
  <tbody  >
  <tr id="test">
  </tr>
  </tbody>
</table>

编辑： 得到了一些东西:)

let testStr = '<td>1</td><td>Name</td><td>Owner</td><td>Value</td><td>Total</td><td>Percent</td><td>Ratio</td><td>Final</td>';

var replace = '<td class="red">';
var regex = new RegExp("(?:[</td>]){6}(<td>)");
var newstr=testStr.replace(regex,replace);

console.log(newstr);

document.getElementById("test").innerHTML=newstr

.red {
  color: red
}

<table>
  <tbody  >
  <tr id="test">
  </tr>
  </tbody>
</table>

在@rioV8的帮助下：

let testStr = '<td>1</td><td>Name</td><td>Owner</td><td>Value</td><td>Total</td><td>Percent</td><td>Ratio</td><td>Final</td>';

var replace = '$1<td class="red">';
var regex = new RegExp("((?:.*?</td>){6})<td>");
var newstr=testStr.replace(regex,replace);

console.log(newstr);

document.getElementById("test").innerHTML=newstr

.red {
  color: red
}

<table>
  <tbody  >
  <tr id="test">
  </tr>
  </tbody>
</table>