Разбор регулярных выражений в javascript
Можете ли вы помочь, как разобрать регулярное выражение, я много пробовал, но не смог.
Вход: <a onclick = "javascript:collapse('displayText','hideText','whyInfo-arrow-image')"><span sd:text = "${whyInfoLabel}">Learn more about Authentication</span> <img id = "whyInfo-arrow-image" sd:src = "${downwardArrowImage}" height = "20" width = "20" >
Ожидается: sd:text = "${whyInfoLabel}"
и sd:src = "${downwardArrowImage}"
Моя попытка 1: "/\$\{(\w*)\}/g", он может выбрать только {whyInfoLabel} и {downwardArrowImage}
Моя попытка 2: "/sd.*\$\{(\w*)\}/g" это разбить не умеет.
Я новичок в Regex и JavaScript.
Любая помощь будет отличной.
Вы используете JS, почему бы вам вместо этого не использовать DOM для синтаксического анализа HTML?
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 6
Попробуй это:
/(sd:.* = ".*")/Ug
Или это:
/\{(.*)\}/Ug
Это должно дать вам оба результата в массиве:
/sd:(?:text|src)=\"[^\"]*"/g
Регулярное выражение соответствует 'sd:' в начале, за которым следует 'text' или 'src', знак равенства, двойная кавычка, за которой следует ноль или более символов, не являющихся двойными кавычками, и, наконец, двойная кавычка.
Просто позвоните (при условии, что ваш текст находится в переменной с именем 'text':
var regex =/sd:(?:text|src)=\"[^\"]*"/g;
var matches = text.match(regex);
var match0 = matches[0];
var match1 = matches[1];
Вы можете попробовать это регулярное выражение. Надеюсь это поможет.
const regex = /\w+:\w+ = "\$\{\w*\}"/g;
const input = '<a onclick = "javascript:collapse(' + 'displayText' + ',' + 'hideText' + ','+ 'whyInfo-arrow-image' + ')"><span sd:text = "${whyInfoLabel}">Learn more about Authentication</span> <img id = "whyInfo-arrow-image" sd:src = "${downwardArrowImage}" height = "20" width = "20" >';
console.info(input.match(regex))asdf = new RegExp('(sd:.+?[}])+', 'gi');
console.info(str.match(asdf));
Вы используете JS, почему бы вам вместо этого не использовать DOM для синтаксического анализа HTML? Regex не предназначен для синтаксического анализа HTML, но DOM предоставляет утилиту, разработанную специально для этой цели.
Если у вас браузер поддерживает это, вам следует подумать о том, чтобы сделать это, используя вместо этого DOMParser:
var html = "<a onclick=\"javascript:collapse('displayText','hideText','whyInfo-arrow-image')\"><span sd:text=\"${whyInfoLabel}\">Learn more about Authentication</span> <img id=\"whyInfo-arrow-image\" sd:src=\"${downwardArrowImage}\" height=\"20\" width=\"20\" >";
var parser = new DOMParser();
var doc = parser.parseFromString(html, "text/html");
var attrText = doc.querySelector('span').getAttribute("sd:text");
console.info(attrText);
var attrSrc = doc.querySelector('img').getAttribute("sd:src");
console.info(attrSrc);
"${whyInfoLabel}"
"${downwardArrowImage}"
К сожалению, это один из самых известных типовых вопросов ... stackoverflow.com/questions/1732348/…