Question

我创建了一个＆＃39; backButton＆＃39;将用户带回到将其带到同一页面上的图像的文本/链接。（我已经给了＆＃39; backButton锚点＆＃39; href="#BackToLink"）。

点击锚点链接后，会获得id BackToLink。（我还提供了一个＆＃39;＆＃39; que＆＃39;，它在CSS中添加＆＃39; padding-top＆＃39;因此它将在“修复”下面显示-position＆＃39; header）：

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

我现在需要弄清楚如何/何时/何时删除＆＃39; id＆＃39; ＆＃39; backToLink＆＃39;从一个锚链接，以便我可以将其应用于下一个被点击的链接。（目前它只是让我回到第一个。）

也许： $('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() {
	$('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>

如何删除＆＃39;临时＆＃39;使用它作为href？

1 个答案: