javascript - 帮助 jQuery if 语句

Question

我有一个用于用户评论的分页系统，根据您点击的页面，我只想在每个方向上显示 3 个页码。因此，如果您单击第 6 页，则只会显示第 2 - 9 页，因此总共有 7 页。

我的 html 是这样的:

<div id="paging">
<span id="1" class="page"></span>
<span id="2" class="page"></span>
<span id="3" class="page"></span>
<span id="4" class="page"></span>
and so on...
</div>

jQuery/javascript 像这样:

$(".page").click(function() {
        var clicked = $(this).attr("id");

        var parent = $("#paging span");
        $(parent).each(function() {
            if($(this).attr("id")+ 3 >= clicked)
            $(this).removeClass("hidden");
            else
            $(this).addClass("hidden");
            });
});

到目前为止，它所做的只是将隐藏类应用于当前单击页之前的任何页码。

Answer 1

$(this).attr("id") 返回一个字符串。

您需要通过编写 parseInt($(this).attr("id"), 10) 将此字符串转换为数字。