有没有办法在html代码的所有行中添加增量数字

我在HTML中有下拉列表（选择->选项），其中一个选择包含很多选项。是否有任何方法向每个选项/行添加增量/唯一编号

e、 g:在id中，我想自动为每个id分配递增/唯一编号

<select name="select_data"> 
    <option id="1" value="index">index</option>
    <option id="2" value="one">one</option>
    <option id="3" value="two">two</option>
    <option id="4" value="three">three</option>
    <option id="5" value="four">four</option>
</select> 

指数
一
二
三
四

注意：编辑器是VSCODE

---

我不希望通过jquery实现这一点，因为jquery可能会在浏览器中作为输出增加。我只想在编辑器中使用它。

如果不想使用JS函数，可以使用CSS的计数器增量

 body {
  /* Set "my-sec-counter" to 0 */
  counter-reset: my-sec-counter;
}

 select > option {
  /* Increment "my-sec-counter" by 1 */
  counter-increment: my-sec-counter;
  content: "Section " counter(my-sec-counter) ". ";
}

你可以看看：

---

为了更好地理解我试图做的事情。

如果可以通过jquery向每个选项添加唯一的数字，请告诉我。我不希望这些唯一的数字作为输出。我只需要在编辑器（vscode）中使用这些，然后您可以使用Math.random（）函数。我无法正确理解你的目的。是否要以增量方式向选项添加id？这与按ctrl+shift+L在vscode中同时编辑所有选定行一样。我需要同样的东西，但在增量的方式。这个扩展似乎它做你需要的。我相信您可以通过定义自己的代码片段来实现这一点。我可以想出其他方法来增加一个数字，不过如果在windows上，我可能会编写一个自动热键脚本来实现。但是我认为你可能不想手工写下选项，然后自动增加id，因为在这一点上，为什么不手工写下id呢。