javascript - 设置每个数据id并将其分配给href

Question

我正在运行以下代码，因为我试图首先获取每个 .fotorama id，然后将它们分配为每个 .nav 链接 href。

$(".fotorama").each(function(){
     id = $(".fotorama", this).data("id");
     $(".nav li a").attr("href",  '#'+  id);
});

这给了我每个.nav链接的#undefined

我应该如何为每个 .fotorama id 设置相同的 href？

html，只是一个例子，id和菜单项是在网站上动态生成的*

<ul class="nav">
  <li><a href=" "></a></li>
  <li><a href=" "></a></li>
  <li><a href=" "></a></li>
</ul>

<div class="fotorama" id="p1"></div>
<div class="fotorama" id="p2"></div>
<div class="fotorama" id="p2"></div>

Answer 1

已更新以考虑 HTML:

var links = $(".nav li a");

$(".fotorama").each(function(index){         
     links.eq(index).attr("href",  '#'+  this.id);
});

将循环遍历每个 .fotorama 元素并设置相应的 .nav li a 元素(基于索引)以使用该 ID。

JSFiddle Example