如何使用它作爲href後刪除'臨時'的ID？

Question

我已經創建了一個'backButton'來將用戶帶回到將它們帶到同一頁面上的圖像的文本/鏈接。 （我給出了'backButton anchor'href="#BackToLink"）。

單擊錨點鏈接時，會給出id的BackToLink。 （I也給出的「闕」「類」，這增加了「填充頂」在CSS所以這將是「固定位置」標題下可見）：

$('a').click(function(){ 
    $(this).attr('id', 'BackToLink').attr('class', 'que'); 
}); 

我現在需要弄清楚如何/何時/何時從一個錨鏈接中去除'backToLink'的'id'，這樣我就可以將它應用到下一個被點擊的鏈接上。 （它目前只是讓我回到第一個）。

也許： $('a').removeAttr('id', 'BackToLink'); 但我找不到合適的地方使用它。

Answer 1

傳遞元素的ID不是最優的。我建議使用這個類。

無論如何，如果你只是想刪除ID，您可以輕鬆地做到這一點：

$('a').click(function(){ 
    $('#BackToLink').removeAttr('id'); 
    $(this).attr('id', 'BackToLink').attr('class', 'que'); 
}); 

這個小例子說明了行爲。綠色指示哪個類別具有BackToLink ID，粗體是具有類別que的a，因爲它未被移除而應用於被單擊的每個元素。

$(document).ready(function() { 
 
\t $('a').on('click', function (e) { 
 
    e.preventDefault(); 
 
    $('#BackToLink').removeAttr('id'); 
 
    $(this).attr('id', 'BackToLink').attr('class', 'que'); 
 
    }) 
 
})

a { 
 
    color: blue; 
 
} 
 
#BackToLink { 
 
    color: green; 
 
} 
 
.que { 
 
    font-weight: bold; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a href="#">Link 1</a> 
 
<a href="#">Link 2</a>