JQuery分页 - 单击页码和删除href属性

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'); 
});