jquery - JQuery 分页——点击页码并删除 href attr

Question

page = 1;

$('.links').click(function() {
    $(this).removeAttr('href');
    page = $(this).html();
});

<a href="#" class="links"> 1 </a>
<a href="#" class="links"> 2 </a>
<a href="#" class="links"> 3 </a>

当我单击页码时，我想删除 href 属性。问题是，如果我连续点击页面，之前点击的页码不会重新获得它们的 href 属性。我怎么能这样做？

jsfiddle：http: //jsfiddle.net/JGpF9/

Answer 1

不是最好的解决方案，但仍然可以。这会在删除当前链接之前将“#”的 href 添加回链接。如果 href 不同，那么您必须以不同的方式解决此问题。

http://jsfiddle.net/JGpF9/1/

$('.links').click(function() {
    $('.links').attr('href', '#');
    $(this).removeAttr('href');
    page = $(this).html();
});​

注意：我还会在锚标签之外添加空格

Answer 2

这是解决方案：

$('.links').click(function() {  
    $('.links').slice(page - 1, page).attr('href', '#');
    page = $(this).html();
    $('.links').slice(page - 1, page).removeAttr('href');
});