【Node.js + Express + ejs】for文で友達リストを表示したときに、個別にidを指定する方法が知りたい

Question

Node.js + Express + ejsでチャットアプリを作っています。
友達一覧のリストをfor文で表示したときに、それぞれに個別のidを指定する方法が知りたいです。
現在名前切り替えの動作自体は正常に動いています。

よろしくおねがいします。

headタグの中でjQueryを記述
id=contactをクリックすると名前の表示が切り替わる

//index.ejs

  <!--名前表示の切り替え-->
  <script>
  $(function () {
    $("#contact").click(function () {
      $("#fname").html("名前");
    });
  });
  </script>
</head>

ログイン情報から友達一覧を表示
変数friendでフレンドの名前やアイコンなどを取得。
id=contactをクリックすると名前の表示が切り替わるようになっています。

//index.ejs

<!--友達一覧-->
      <div id="contacts">
        <ul>
          <!--繰り返して表示-->
          <% for(var i in friend) { %>
          <% var obj = friend[i]; %>
          <li id="contact" class="contact">
            <div class="wrap">
              <img src="<%= obj.icon %>" alt="" />
              <div class="meta">
                <p class="name" id="name"><%= obj.name %></p>
                <p class="preview"><%= obj.comment %></p>
              </div>
            </div>
          </li>
          <% } %>
      
        </ul>
      </div>

Answer 1

例えば、以下のように i で ID に連番を付けるのはいかがでしょうか！？

Before:

<li id="contact" class="contact">

After:

<li id="contact_<%= i %>" class="contact">

Comments

[dydo]

回答ありがとうございました。
大変参考になりました。