jquery - 单击元素并重新加载页面后更改链接元素的样式？

Question

我正在尝试想出一种方法来在单击元素后更改元素的样式。在我的场景中，单击链接元素后，页面将重新加载，我想更改页面重新加载后单击的元素的样式。

我能够使用一堆 php 条件语句来完成此操作，但它似乎有点矫枉过正，我想知道是否有人可以使用 JQuery 帮助我完成此操作？

<div>               
    <a class="results-per-page" href="search.php?searchword=toys&resultsperpage=6"><div>6</div></a>
    <a class="results-per-page" href="search.php?searchword=toys&resultsperpage=12"><div>12</div></a>
    <a class="results-per-page" href="search.php?searchword=toys&resultsperpage=24"><div>24</div></a>
</div>

Answer 1

使用 location.search 获取 URL 的这一部分 - "?searchword=toys&resultsperpage=6"- 然后你可以获得正确的 A 标记以突出显示。

jsFiddle 不能很好地处理查询字符串，但我设法为您创建了一个简单的示例，它使用与 location.pathname 而非 location.search 类似的方法，请在此处查看 - http://jsfiddle.net/q5y7Z/7/