如何使用JavaScript回到不同的錨元素的腳註？

我有三個不同的錨鏈接與唯一的ID，我想在同一頁面上做一些其他鏈接的腳註。但我面臨的問題與回到腳註是所有三個錨鏈接相同。如何使用JavaScript回到不同的錨元素的腳註？

<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>

我該如何回到上述錨點的腳註引用，分別是「one」，「two」，「three」。

任何幫助將不勝感激...謝謝！

來源

2017-01-25 Maniram

如果我正確理解您的問題，您希望鏈接進入「返回腳註」鏈接，那麼您需要「返回腳註」鏈接返回到您點擊的鏈接。如果我對你的問題的解釋有誤，請做評論，我會調整。

基本上，我已經添加了一個事件監聽器，當你點擊它改變了「回到腳註的」 href到正確的錨，其中每個環節：

jQuery的

$('.anchor').click(function() { 
 
    $('#footnote').attr('href', '#' + this.id); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<sup><a id="one" class="anchor" href="#footnote">One&nbsp;&Dagger;</a></sup> 
 
<br><br><br> 
 
<sup><a id="two" class="anchor" href="#footnote">Two&nbsp;&Dagger;</a></sup> 
 
<br><br><br> 
 
<sup><a id="three" class="anchor" href="#footnote">Three&nbsp;&Dagger;</a></sup> 
 
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> 
 
<a href="#" id="footnote">&#x21B5;Back to footnote</a>

來源

2017-01-25 13:33:29

謝謝你的幫助...還有一件事，如果我有一個單獨的錨點回腳註，否則我們如何可以參考回已經點擊的錨點。 – Maniram

@Maniram我不太明白你的意思，但我覺得我的代碼應該仍然有效。試圖改變錨鏈接，一切都應該工作？ –

工作很好......非常感謝！ – Maniram

如何使用JavaScript回到不同的錨元素的腳註？

回答

相關問題