使用JavaScript突出显示当前页面
使用JavaScript突出显示当前页面
提问于 2018-06-30 05:15:44
我对javascript比较陌生，所以任何帮助都会很好……提前谢谢。下面的方法是有效的，但当我单击一个选项时，它变成紫色，页面刷新，然后紫色消失。有什么想法吗？我希望选择的选项在页面刷新时保持紫色。也就是说，告诉我我在哪一页上。
这就是我所拥有的：
<div>
<table class="news-pages">
<tr class="news-pages">
<td class="news-pages-option"><a href=<%- `/news?p=1` %>>1</a></td>
<td class="news-pages-option"><a href=<%- `/news?p=2` %>>2</a></td>
<td class="news-pages-option"><a href=<%- `/news?p=3` %>>3</a></td>
<td class="news-pages-option"><a href=<%- `/news?p=4` %>>4</a></td>
<td class="news-pages-option"><a href=<%- `/news?p=5` %>>5</a></td>
<td class="news-pages-option"><a href=<%- `/news?p=6` %>>6</a></td>
<td class="news-pages-option"><a href=<%- `/news?p=7` %>>7</a></td>
<td class="news-pages-option"><a href=<%- `/news?p=8` %>>8</a></td>
<td class="news-pages-option"><a href=<%- `/news?p=9` %>>9</a></td>
</tr>
</table>
</div>
<script>
$(document).ready(function() {
$(".news-pages-option").click(function () {
$(".news-pages-option").removeClass("active");
$(this).addClass("active");
});
});
</script>
.news-pages-option.active {
background-color: purple;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51109505
复制相关文章
相似问题