javascript - 将属性作为字符串添加到 jQuery 中的 DOM 元素

Question

所以我有一个存储为字符串变量的属性列表。我想将该变量添加到 <div> 。我目前很茫然。我所拥有的如下:

HTML:

<div></div>

JS:

var attributes = 'data-id="123" data-type="content" data-order="1"'

期望的输出:

<div data-id="123" data-type="content" data-order="1"></div>

Answer 1

用空格分割attributes字符串(但引号内不包含空格)

var div = document.getElementById('test');
var attributes = 'data-id="123" data-type="content new" data-order="1"';
var arr = attributes.match(/[^\s="']+|"([^"]*)"|'([^']*)'/g);

for (var i = 0; i < arr.length; i += 2)
  div.setAttribute(arr[i], arr[i + 1].replace(/"/g, ''));

<div id="test">test</div>