使用 VSCode 中包含的（不同）值选择所有相同的 html 属性答案

【问题标题】：Selecting all same html attributes with (different) values included in VSCode使用 VSCode 中包含的（不同）值选择所有相同的 html 属性
【发布时间】：2022-02-13 23:04:19
【问题描述】：

我正在使用 VSCode 进行 html 编辑。在 VSCode 中，选择一段代码的相同出现非常容易。我需要的是选择具有不同值的 html 属性（如类、aria-label 等）的所有出现。这是一个例子：

我想选择所有包含值的“aria-label”出现。所以这些将被选中：

aria-label="Apple"
aria-label="Oranges"
aria-label="Multiple Fruit Names"
aria-label=""
...

有没有办法在 VSCode 中做到这一点？

【问题讨论】：

标签： html visual-studio-code select attributes

【解决方案1】：

我知道正则表达式知识必不可少，所以在过去的几天里我学习了 Regex101，这对我来说在这个问题上很有效。

aria-[a-zA-Z]*="[A-Za-z\s]*"

【讨论】：

【解决方案2】：

您可以为此使用正则表达式：

^aria-label="[^"]*"

解释：

'^' ... 匹配换行符
'aria-label=' ...这是您的“搜索词”
'[^"]' ...任何字符
'*' ...组内的东西出现零次或多次

不要忘记在搜索对话框中启用正则表达式搜索（见下文）：

这是掌握正则表达式魔法的一个很好的起点：https://en.wikipedia.org/wiki/Regular_expression#Basic_concepts。

【讨论】：

更好用^aria-label="[^"]*"
rioV8 谢谢您，根据您的建议更新答案
感谢您的回复，但不知何故它不起作用。我在 vscode 搜索框中激活了正则表达式。它不匹配任何结果。这是一支笔，上面也写着不匹配：regex101.com/r/npLpaI/1
好的，在您的链接上没有：文本中的“aria-label=”，只有“aria-....”。你想匹配什么？
如果我可以选择以“aria-”开头的所有内容（包括属性的其余部分和属于它的值），那就太好了。