How to use Material Design "mdl-tooltip" in a loop

I am using the materialdesign libary' tooltip: https://getmdl.io/components/#tooltips-section

I'd like to use this feature in a loop, but this won't work of course, because mdl is working with "id's"(tt4 in this example) to trigger the icon and show its tooltip.

How can I get this to work in a loop and link the right tooltip to the right icon?

Thank you so much!

my php laravel blade code:

                <td>
                @if ($note->text)
                    <div id="tt4" class="icon material-icons">info</div>
                    <div class="mdl-tooltip" for="tt4">
                        {!! md($note->text) !!}
                    </div>
                @endif

            </td>

via mikephilipp