Question

Hi I have a number of elements:

<div data-stage-1="hello">Hello</div>
<div data-stage-2="hello">Hello</div>
<div data-stage-3="hello">Hello</div>

Using Javascript how would i pull these elements into an array by matching their similar data attributes? (Not the ‘hello’, but the ‘data-stage-x’)

Answer 1

You may be able to use the attributes property of the <div> element. The following is untested…

var divs = document.getElementsByTagName("div");
for (var i=0; i<divs.length; i++) {
  var d = divs[i];
  // Loop over attributes and check their names...
  for (var a=0; a<d.attributes.length; a++) {
    if (d.attributes[a].name.indexOf("data-stage-") === 0) {
       // it's a match...
    }
  }
}