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