How do i match below string using Regex in JavaScript? [Don't focus on duplicate, reviewer just was too judgemental]

Question

Here I want to get all classes as a string using regex.

What will be a good regex to match the below string.

Input String

   <div class="container mx-5">
      <button class="btn btn-primary mt-auto mb-8 mx-8 justify-center">Sign In</button>
      <button class="btn btn-secondary mt-auto mb-8 mx-8 justify-center">Sign Out</button>
    </div>

Expected Output from regex match

['class="container mx-5"', 'class="btn btn-primary mt-auto mb-8 mx-8 justify-center"', 'class="btn btn-secondary mt-auto mb-8 mx-8 justify-center"']

If you want to get the class attribute of every element with a class attribute, use `[...document.querySelectorAll('[class]')].map(n=>n.getAttribute('class'))`. This won't include the `class="..."` wrapper but you can re-add that if you really want to. — Niet the Dark Absol, Jul 24 '21 at 10:30
"Expected Output from regex match" can you read? :) he want to — Pentiux, Jul 24 '21 at 10:33
I can't do that, it's a runtime just in time compiler I am building for string find and replace functionality. — Meet Patel, Jul 24 '21 at 10:33

Pentiux · Answer 1 · 2021-07-24T10:28:09.090

0

if you need only that what follows after class="

class=\"[^\>]*

if you need only in class=""

class=\"[^\"]*\"

edited Jul 24 '21 at 10:28

answered Jul 24 '21 at 10:22

Pentiux

215
3
10

That would work, but i might have string like this as well ``` ``` and I want only class part of it. – Meet Patel Jul 24 '21 at 10:24
so, when you asking you have to clarify your constraints if you need only in – Pentiux Jul 24 '21 at 10:26
humbly, that's why wrote the expected output as well. – Meet Patel Jul 24 '21 at 10:28
but your input string didn't have that o[tions what you wrote in comments – Pentiux Jul 24 '21 at 10:29
And this is exactly why you don't use regex to parse HTML. – Niet the Dark Absol Jul 24 '21 at 10:29
1

@Pentiux, Second answer worked. Thanks, man. – Meet Patel Jul 24 '21 at 10:41

How do i match below string using Regex in JavaScript? [Don't focus on duplicate, reviewer just was too judgemental]

1 Answers1