Javascript 突出显示当前页面

Question

这里是新的 javascript 用户...提前感谢您的帮助。我正在向新闻网站添加分页，因此第 1 页上仅显示 10 篇文章，您必须选择 2、3、4 等才能查看更多文章。我拥有的代码允许我转到第 2 页、第 3 页等，但由于某种原因它没有突出显示我的事件页面。

这是我的代码:

HTML:

<table class="news-pages" id="paginator">
 <tr>
   <% for(var i = 1; i <= num_pages; i++) { %>
     <td class="news-pages-option"><%-i%></td>
   <% } %>
  </tr>
</table>

JS:

function getParameterByName(name, url) {
  if (!url) url = window.location.href;
  name = name.replace(/[\[\]]/g, "\\$&");
  var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
      results = regex.exec(url);
  if (!results) return null;
  if (!results[2]) return '';
  return decodeURIComponent(results[2].replace(/\+/g, " "));
}

const page = getParameterByName('p');
$('.news-pages-option').parent().addClass('active');

CSS:

.news-pages-option.active {
  background-color: #cccccc;
  border: none;
  padding: 3px 8px 3px 8px;
  text-decoration: underline;
}

Answer 1

您似乎想要突出显示与从 url 中提取的页面变量对应的选项卡。尝试:

const page = getParameterByName('p') - 1; // the array of tabs is zero-based so subtract one
$('.news-pages-option:eq(' + page + ')').addClass('active');