首页 > js正则不支持持后瞻的问题

js正则不支持持后瞻的问题

正则中有:(?<=exp)正向后瞻(文章http://www.cnblogs.com/rubylouvre/archive/2010/03/09/1681222.html)

但是js语言不支持,有什么替代方案么?

例如:

<div style="background:#f00;color:rgba(0,0,0,.2)">
    <span style="background-color:rgb(0,0,0,1);border-color:#0cc;color:#aaa;">demo</span>
    <span style='color:rgb(0,0,0,1)'>demo</span>
</div>

需求:匹配所有color:*,不匹配*color:*
我这么写的:

html.match(/[^(\w+\-)*]color:[\s\S]*?(?=;|"|')/gi);
//[";color:#fff", ";color:#fff", ";color:rgba(0,0,0,.2)", ";color:#aaa", "'color:rgb(0,0,0,1)"]

但是color前面总会带着一个分号";","'"等等。

有什么好的办法解决吗?


var colors = [];
html.replace(/[^-](color:[^"';]+)/gi, function(m, c) {
  colors.push(c);
  return m;
});

console.log(colors);

@xi_yu 的方法也不错,或者用替换来收集值也很方便。


HTML啊,color无非就是" ' ;开头,[;'"]...匹配出来再replace或substring掉就可以了


var ptrn = /['";](color:[a-zA-Z0-9(),.#]{1,})[;'"]/ig;
var match; 
while((match = ptrn.exec(html)) != null ){console.log(match[1])}
【热门文章】
【热门文章】