Чё та не получается разбить строку по тегам
var str='<g id="svg_1"><path my="" stroke-width="4" stroke="#f0f" fill="#ff0" d="M10,0L-10.07,80.3L0,80L50,50Z"\><circle r="20" cx="50" cy="50" stroke-width="3" stroke="#0f0" fill="none"/><path my="" stroke-width="1" stroke="#07f" fill="none" d="M0,30L60,0L0,60L-60,0Z"/><rect width="40" height="20" rx="5" ry="5" x="-20" y="30" stroke-width="6" stroke="#00f" fill="#0ff"/></g>abc';
//
str.match(/<[a-z]+/g);// выдаёт <g, <path, ... и тд, но как ставлю точку выдаёт всю строку целиком до конца...
//
str.match(/<[a-z]+.*/g>// а мне надо куски только до следующего закрывающего тега
Пробовал и теги экранировать и вместо звёздочки ставил {1,100} - так делит но мне не до ста надо, а до тега, не врублюсь ни как...
Подскажите пожалуйста, в чём дело?