Selecting all same html attributes with (different) values included in VSCode

Question

I'm using VSCode for html editing. In VSCode it's very easy to select same occurences of a piece of code. What i need is selecting all ocuurances of an html attribute (like class, aria-label, etc.) with different values. Here's an example:

I want to select all "aria-label" occurences with the values included. So these will be selected:

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

Is there a way to do that in VSCode?

Kraego · Accepted Answer · 2022-02-10 14:00:12Z

1

You could use a regex for that:

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

Explanation:

'^' ... matches newline
'aria-label=' ... that's your "search word"
'[^"]' ... any character
'*' ... zero or more occurrences of stuff within the group

Don't forget to enable regex search in search dialog (see below):

This is a good starting point to grasp the regex magic: https://en.wikipedia.org/wiki/Regular_expression#Basic_concepts .

edited Feb 10, 2022 at 14:00

answered Feb 10, 2022 at 10:09

Kraego

4,0123 gold badges30 silver badges38 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

rioV8 Over a year ago

better to use ^aria-label="[^"]*"

Kraego Over a year ago

rioV8 thank you, updated answer with your suggestion

megavolkan Over a year ago

Thanks for reply but somehow it doesn't work. I activated regex in vscode searchbox. It doesn't match any results. Here is a pen, and it says no match too: regex101.com/r/npLpaI/1

Kraego Over a year ago

Okay, on your link there is no: "aria-label=" in the text, only "aria-....". What would you like to match?

megavolkan Over a year ago

If i could select everything beginning with "aria-" (and including the rest of the attribute and the value the value that belongs to it) it could be wonderful.

|

megavolkan · Accepted Answer · 2022-02-13 15:04:19Z

1

I understood that regex knowledge essential so for last couple of days i studied Regex101, this is what worked for me on this question.

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

answered Feb 13, 2022 at 15:04

megavolkan

2671 gold badge5 silver badges18 bronze badges

Collectives™ on Stack Overflow

Selecting all same html attributes with (different) values included in VSCode

2 Answers 2

6 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related