Добавить активный класс на основе URL-адреса?

Question

Мой сайт разделен на различные категории. В каждой категории есть статьи. Я пытаюсь добавить активный класс на страницу категории, которая представляет собой сетчатое меню всех статей, а также каждую страницу статьи в этой категории. Решения, которые я видел, сравнивают ваш текущий URL с URL-адресом, привязанным к навигационной ссылке. Это решение будет работать для страницы сетки категорий, но не на страницах статей. Чтобы сделать вещи немного сложнее, путь для страницы сетки: /category, но путь для статей в этой категории - /article/category/article-name.

Есть ли способ разместить активный класс по ссылке меню, которая относится ко всем статьям в категории, а также к странице сетки категорий? Я бы предпочел решение JQuery, если это было возможно.

Answer 1

$(document).ready(function() { 
if (/category/.test(window.location.href)){ 
    //add the active class 
} else if (/article-name/.test(window.location.href)){ 
    //add the active class 
} 
}); 

что-то вроде этого?