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

JQuery分页 - 单击页码并删除href attr

2 个答案: