javascript - jquery 如何将 regex css 样式从正到负，从负到正？

Question

jquery 如何正则表达式 css 样式从正到负，从负到正？

var aaa='<p style="top:10px;left:-10px;">text</p>';
aaa.attr('style').replace(/\-/gi,'').replace(/\d+/gi,'-$&');//this will replace negative to positive, then positive to negative, so nothing change

但我需要一些效果，例如:

top:10px;left:-10px; => top:-10px;left:10px;

但是，样式可以是其他规则。另一个示例效果:

top:-100px;left:200px; => top:100px;left:-200px;

Answer 1

正如 Rooster 评论的那样，使用一个将匹配数字与 -1 相乘的函数。函数的返回值用作替换字符串。

var aaa='<p style="top:10px;left:-10px;">text</p>';
aaa.replace(/[-\d]+/g, function(x) { return -parseInt(x); })
// => "<p style="top:-10px;left:10px;">text</p>"