branding: [
  {
    "brand": "test",
    "url": "test",
    "guidelines": [
      {"name": "t1","url": "t1"},
      {"name": "t2","url": "t2"},
      {"name": "t3","url": "t3"},
      {"name": "t4","url": "t4"}
    ]
  },
  {
    "brand": "test1",
    "url": "test1",
  }
]

<ul>
  {{#each branding}}
    <li>
      <a href="/branding/{{ key.url }}">{{ name }}
      </a>
    </li>
  {{/each}}
</ul>

<ul>
  {{#each branding}}
    <li>
    <a class="anchors" href="#">{{ name }}
    </a>
    </li>
  {{/each}}
 </ul>

var classname =document.getElementsByClassName("anchors");
for (var i = 0; i < classname.length; i++) {
    classname[i].addEventListener('click', function()
    {this.parentElement.classList.add("active");
});
}