翻页小技巧

在表格或者列表的显示界面中,一种非常常用的 UI 交互模式是翻页,比如这个:
翻页小技巧

我需要翻到第四页,我发现 selector 是这样的:

'DIV:nth-of-type(6) > DIV:nth-of-type(1) > DIV:nth-of-type(1) > DIV:nth-of-type(1) > FORM:nth-of-type(1) > UL:nth-of-type(1) > LI:nth-of-type(4) > A:nth-of-type(1)'

然后我随手翻了下页,
翻页小技巧

拾取了 4,发现 selector 是这样的:

'DIV:nth-of-type(6) > DIV:nth-of-type(1) > DIV:nth-of-type(1) > DIV:nth-of-type(1) > FORM:nth-of-type(1) > UL:nth-of-type(1) > LI:nth-of-type(5) > A:nth-of-type(1)'

他是会变化的!
我也试了试抓那个输入数字的框,他也会变化,而且我们提供的其他 selector 也会变化,怎么办呢?
我们审查一下这个元素:

<a href="/cn/index.php?app=forum&amp;mod=List&amp;act=index&amp;class=461&amp;p=4">4</a>

原来关键的变化时最后这个p=4
你要第几页,你就写 p 等于几就行了,奉上这个网页给大家测试:
华为家事
有些同学问,我要最后一页怎么办?有很多办法,至少华为这个的办法是:你指定p=100000就行了
如果我要遍历所有页面怎么办,这里也有一个简单的办法:你设定 p 不断增长,增长到提取的内容不再变化,或者下一页那个按钮消失了,那么就该结束了,当然检测下一页那个按钮也是一样要费工夫的, 😛