求这个正则咋写

[tangxu12]

我有一个字符串, 需要用 以<input 开始, >结束进行分割

例如字符串是 aaa <input /> bbb <input style='color:red'> ccc <input style='color:blue'> ddd

我想得到 aaa bbb ccc ddd数组

并且还要得到 每个input 里面 style的值(有的没有)

如何做?

[天际的海浪]

var str = "aaa <input />  bbb  <input style='color:red'>  ccc <input style='color:blue'> ddd";
var arr = str.split(/\s*<input.*?>\s*/i);

[老鼠拧刀满街找猫]

方法1：

var html=`aaa <input />  bbb  <input style='color:red'>  ccc <input style='color:blue'> ddd`;
var regex=/<input\b[^>]*?>/img;
html.replace(regex,function(m){
	var item='';
	if(m.search(/\bstyle\b/i)>-1){
		item=m.match(/\bstyle=(['"])(.*?)\1/i)[2];
	}
	return item;
}).split(/\s+/);

[老鼠拧刀满街找猫]

方法2：

var html=`aaa <input />  bbb  <input style='color:red'>  ccc <input style='color:blue'> ddd`;
var matchs=null;
var regex=/\w+(?=\s*<|\s*$)|style=(['"])(.*?)\1/ig;
var result=[];
while((matchs=regex.exec(html))!=null){
	result.push(matchs[2]?matchs[2]:matchs[0]);
}

[老鼠拧刀满街找猫]

方法3：

var html=`aaa <input />  bbb  <input style='color:red'>  ccc <input style='color:blue'> ddd`;
html.split(/\s*(?:<input\b[^>]*?style='([^']*)'[^>]*?>|<input\s*\/?>)\s*/i).filter(function(item){
	if(item) return item;
});

[xuzuning]

s = "aaa <input />  bbb  <input style='color:red'>  ccc <input style='color:blue'> ddd";
e = /(?<=^|>)\s*(\w+)|(?<=style=')(.+?)(?=')/g;
r = s.match(e);
a=[];
b=[];
s.replace(e, function(m, n) { if(n == undefined) a.push(m); else b.push(m);});
document.write(a+'<br>'); //color:red,color:blue
document.write(b); //aaa, bbb, ccc, ddd

[文盲老顾]

"aaa <input /> bbb <input style='color:red'> ccc <input style='color:blue'> ddd".match(/[a-z0-9]+(?=[^>]*(<|$))|(?<=<input[^<>]*?style=\')([^\']+)/gi)

[tangxu12]

谢谢各位,结贴了.