正则表达式找到html标签的属性和值

Question

我编写了一个RegEx来查找div标签属性和值，但它有以下问题。寻找指导和帮助

1. 假设在属性值中添加了空格，然后它被破坏，即 - attr="a s"
2. 假设属性值以'without'给出然后它被破坏，即 - attr='as'
3. 假设属性值中有任何新的换行符然后它就坏了

这是我的regEx

/\b([^\s]+)(="(^'|^"|[^\s]+)*")/ig

以上regEx有3组

第一组结果=属性键名

第二组结果= =

之后的值

第3组结果=没有"的属性值

html标签示例

<div json="{"key1":"value1","key2":{"key3":"value3","key4":"value4","key5":"value5","key6":"value6","key7":"value7","key8":"value8"}" 
data='sdaasd' 
data-role=""
key="somekey">

示例带空格的html标记

<div json="{"key1":"value1","key2":  {"key3":"value3",  "key4":"value4","key5":"value5","key6":"value6","key7":"value7","key8":"value8"}" 
data='sdaasd' 
data-role=""
key="somekey">