jquery - JQueryページネーション-ページ番号をクリックしてhrefattrを削除

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