What's the easiest way to increment an ID in HAML?

Question

    -@things.each do |thing|
      %div.thing
        = thing

I've seen a few different techniques. But with the above HAML template, I want each thing to have a unique id from 1 to n+1 things. What's the best way to dynamically increment the id for all individual things?

Ex: For n things, I'd like the HTML to look like this.

<div class='thing' id='1'>
<div class='thing' id='2'>
...
<div class='thing' id=n+1>

you can however have the incrementing id number at the end, just give it an id starting with for instance `thing` then you can do `thing1` `thing2` `thing3` etc — Patrick Evans, Oct 08 '13 at 01:16
@PatrickEvans that'd work. But you're sure about the IDs thing? I'm loading up a page to test it out now and this works fine — Keith Johnson, Oct 08 '13 at 01:18
@KeithJohnson see [this question](http://stackoverflow.com/questions/70579/what-are-valid-values-for-the-id-attribute-in-html) about acceptable id's. — Patrick Evans, Oct 08 '13 at 01:26

score 1 · Accepted Answer · answered Oct 08 '13 at 01:26

1

-@things.each_with_index do |thing,index|
  %div.thing{:id => "thing#{index}"}
    = thing

answered Oct 08 '13 at 01:26

tihom

7,733
1
21
28

Yeah whoever downvoted needs to explain. I see nothing wrong with this solution. – Paul Richter Oct 08 '13 at 14:53

score 1 · Answer 2 · answered Oct 08 '13 at 01:26

1

Something like dom_id might help you in generating unique IDs for HTML elements. It will also fix the problem of starting with a number.

answered Oct 08 '13 at 01:26

sevenseacat

24,021
5
64
85

What's the easiest way to increment an ID in HAML?

2 Answers2