使用定位点将href链接到下一个div

Question

我想用锚点链接到下一个div。

目前，我有一个href，它通过锚点将用户定向到第二个div （ #div2 ），如下所示：

<a href="#div2">Arrow down</a>

如何使该箭头链接到以下div ？

因此，如果用户专注于#div2我希望它链接到#div3 ，当它位于#div3我希望它链接到#div4等。

奖励目标：当到达最后一个div时（例如#footer ），我希望它指向回至#div1

编辑：感谢您的答案，我做了一个JSfiddle使其更清楚： https ://jsfiddle.net/dj5p82bg/

Answer 1

亚安，布莱恩

$(".linkdiv").each(function(index){
    $(this).attr("id", "linkdiv"+index);
    var text = index === $(".linkdiv").length -1 ? "first" : "next";
  var next = index === $(".linkdiv").length -1 ? 0 : index+1;
  $("<a href='#linkdiv"+next+"'>Go to "+text+"</a>").insertBefore(this);
});

这是小提琴