有没有一种方法可以使用原始字符串在一次传递中为一个标记设置几个属性？

Question

是的，我可以解析字符串并使用$(..).attr()来设置每个值，但由于性能原因，我正在寻找一种方法来避免不必要的双重转换（可能会从服务器接收大量数据，每个标记有许多属性，因此通过一次传递为一个标记设置所有属性可以在前端得到轻松的改进）。不管怎么说，如果我已经有了一部分可以使用的经过处理的HTML代码--为什么不直接使用它呢。

UPD：这不是关于如何在一次调用中设置多个属性的重复问题，因为我正在寻找一种方法来避免解析属性值，所以下面的解决方案不能回答我的问题：

d.setAttributes({
'id':'my_div',
'class':'my_class',
'styles':{
    'backgroundColor':'blue',
    'color':'red'
},
'html':'lol'
});

因为我仍然必须以这样的方式解析源字符串

UPD2只是为了解释一下：控制器发送的这个字符串生成它用于Smarty模板，如下所示:，但是在本例中，我接收的字符串不是作为Smarty变量，而是作为ajax应答的一部分。

Answer 1

这确实回答了这个问题，但不一定是一个好主意。

它在outerhtml上使用替换回调，而回调几乎总是比替代方法更昂贵。

我无法想象按顺序设置属性对性能的影响会有多大，除非您有大量的元素，但这里仍然是：

var
el = document.querySelector('p'),
attrs = 'style="color: blue" title="hello" data-etc="foo"';
el.outerHTML = el.outerHTML.replace(/<[^ >]+/i, function(tag) { return tag+' '+attrs; });