使用定位點將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);
});

這是小提琴