如何使用它作为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>