如何使用javascript RegExp end replace或另一个创建来自子div的数据属性的div-wrapper？

Question

有一个带html的字符串：

<div data-class="wrapper-class" data-id="wrapper-id" id="hello-world"> 
    <div data-id="superid" data-class="superclass" class="title">My Title</div data-class data-id> 
    <div class="description">My Desription</div>
</div data-id data-class>
<div data-id="mr-jack" id="mr-brown">Hey!</div data-id>

在带有data-attributes的标签周围需要创建div-wrapper，这些数据-attrs没有＆＃34;前缀＆＃34; 数据 -

有结果字符串的示例：

<div class="wrapper-class" id="wrapper-id">
    <div id="hello-world">
        <div id="superid" class="superclass">
            <div class="title">My Title</div>
        </div>
        <div class="description">My Description</div>
    </div>
</div>
<div id="mr-jack">
    <div id="mr-brown">Hey!</div>
</div>

我可以使用javascript RegExp结束替换，否则它会这样做？ 非常感谢！

Answer 1

您可以使用此功能执行此操作：

function wrapAndCleanUpElement(el) {
  var wrapper = document.createElement('div')

  for (var data in el.dataset) {
    var dataValue = el.dataset[data]
    switch (data) {
      case 'id':
        wrapper.id = dataValue
        break
      case 'class':
        wrapper.className = dataValue
        break
    }

    el.removeAttribute('data-' + data)
  }

  el.parentElement.insertBefore(wrapper, el)
  wrapper.appendChild(el)
}

建议程序员自行决定。