Поиск нескольких экземпляров шаблонов в шаблоне с использованием RegExp

Question

Я пытаюсь найти несколько текстовых совпадений с помощью RegExp, и все они отображаются внутри шаблона. Например: Предположим, у меня есть DIV тег, который содержит «текстовый массив»:

<div class="example" data-uris="[a][b][c]" data-title=".../> 

То, что я пытаюсь сделать с помощью регулярных выражений, это найти 3 группы: а, б и в. Все они, конечно, следуют за определенным div, а также за кадром и другими атрибутами, которые отображаются только один раз в строке, и каждая группа содержится в квадратных скобках, повторно. Однако создание регулярного выражения будет поставлять только первую группу: a.

Любые идеи?

Answer 1

Вот расширенное решение с регулярное_выражение exec методом:

<div class="example" data-uris="[abc][bde][cfg]" data-title=""></div> 

---

var div = document.getElementsByClassName('example')[0], 
    uris = div.getAttribute('data-uris'), 
    match, 
    matches = [], 
    pattern = /\[([a-z]+)+?\]+/g; 

while((match = pattern.exec(uris)) != null){ 
    matches.push(match[1]); 
} 
console.log(matches); 
// output: Array [ "abc", "bde", "cfg" ] 

фрагмент кода:

var div = document.getElementsByClassName('example')[0], 
 
    uris = div.getAttribute('data-uris'), 
 
    match, 
 
    matches = [], 
 
    pattern = /\[([a-z]+)+?\]+/g; 
 
    
 
while((match = pattern.exec(uris)) != null){ 
 
    matches.push(match[1]); 
 
} 
 
console.log(matches);

<div class="example" data-uris="[abc][bde][cfg]" data-title=""></div>

Answer 2

Если я правильно понять вопрос, это может стать началом того, что вы e ищет:

// iteration through elements 
var elements = window.document.all; 
for (var i = 0, l = elements.length; i < l; i++) { 
    if (elements[i].localName === 'div') { 
     console.log(elements[i].outerHTML.match(/\[a\]\[b\]\[c\]/)); 
    } 
} 
// match on the document's text 
var html = window.document.documentElement.innerHTML; 
console.log(html.match(/\[a\]\[b\]\[c\]/));