JQuery pagination - нажатие на номера страниц и удаление 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'); 
});