如何使用JavaScript为不同的锚元素返回脚注?

如何使用JavaScript为不同的锚元素返回脚注?,javascript,footnotes,Javascript,Footnotes,我有三个具有唯一ID的不同锚定链接,我想在同一页上为其他一些链接添加脚注。但我面临的问题是返回脚注对于所有三个锚定链接都是相同的 <sup><a href="#one">One&nbsp;&Dagger;</a></sup><br/> <sup><a href="#two">Two&nbsp;&Dagger;</a></sup><br/> <

我有三个具有唯一ID的不同锚定链接,我想在同一页上为其他一些链接添加脚注。但我面临的问题是返回脚注对于所有三个锚定链接都是相同的

<sup><a href="#one">One&nbsp;&Dagger;</a></sup><br/>
<sup><a href="#two">Two&nbsp;&Dagger;</a></sup><br/>
<sup><a href="#three">Three&nbsp;&Dagger;</a></sup>
  <br/>
  <br/>
  <br/>
  <br/>
  <br/><br/><br/><br/><br/><br/>
  <a href="#" id="one">&#x21B5;Back to footnote</a>














我如何回到脚注中提到上述锚定,如“一”、“二”、“三”


任何帮助都将不胜感激…谢谢

如果我正确理解了您的问题,您希望链接转到“返回脚注”链接,然后您希望“返回脚注”链接回到您单击的链接。如果我对你的问题理解错误,请发表评论,我会调整

基本上,我已经在每个链接中添加了一个事件侦听器,当您单击它时,会将“返回脚注”href更改为正确的锚定:

var$anchors=document.getElementsByClassName('anchor');
var$footnote=document.getElementById('footnote');
对于(变量i=0;i<$anchors.length;i++){
var$anchor=$anchors[i];
$anchor.addEventListener('click',函数(){
$footnote.href='#'+this.id;
});
}




















































感谢您的帮助……还有一件事,如果我在单独的锚中有一个返回脚注,那么我们可以如何引用已经单击的锚。@Maniram我不太明白您的意思,但我觉得我的代码应该仍然有效。只要尝试更改锚定链接,一切都会正常工作?如果我试图将此代码转换为jquery,它将无法按预期工作…@Maniram我为您添加了jquery版本。非常感谢…Nelson Yeung