Home/ Questions/Q 8982359
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-15T20:33:34+00:00

Using Handlebarjs, I’d like to loop over an array, and display values, separated by

  • 0

Using Handlebarjs, I’d like to loop over an array, and display values, separated by a separator. It would be easy if the content I want to display wasn’t a template too 😉

Here’s my case :

accounts = [
     {'name': 'John', 'email': 'john@example.com'},
     {'name': 'Malcolm', 'email': 'malcolm@example.com'},
     {'name': 'David', 'email': 'david@example.com'}
];

{{#each accounts}}
    <a href="mailto:{{ email }}" title="Send an email to {{ name }}">{{ name }}</a>,
{{/each}}

The problem with this implementation is that I will have this output :

John, Malcolm, David,

And I’d like it to be :

John, Malcolm, David

How can I do that ?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can use CSS pseudo class :after, together with content, to achieve the required “formatting”.
    (:after and content support in most browser today, and IE8+.)

    For example:

    HTML:

    <a href="mailto:xxx@xxxx.com" title="Send an email to Foo">Foo1</a>
<a href="mailto:xxx@xxxx.com" title="Send an email to Foo">Foo2</a>
<a href="mailto:xxx@xxxx.com" title="Send an email to Foo">Foo3</a>

    CSS:

    a {
  color: red;
}
a:after {
  content: ", ";
}
a:last-child:after {
  content: "";
}

    Result:

    Foo1, Foo2, Foo3
    • 0