Как добавить класс active к div?

Как добавить к div класс active, если данная страница открыта?

<div class="top">
        
                    

        <div class="content">
            <ul class="menu">
                <li>
                    <a href="/catalog" class="active">Каталог</a>
                    <div class="menu-dropdown">
                        <div class="menu-catalog">
                        <section class="cards">
                            <article class="card card--1">
                              <div class="card__img"></div>
                              <a href="/catalog/1" class="card_link active">
                                 <div class="card__img--hover"></div>
                               </a>
                              <div class="card__info">
                                <h3 class="card__title">Каталог кусачек</h3>
                                <a href="/catalog/1" class="active"><div class="card__more">Перейти</div></a>
                              </div>
                            </article>

<script>
    $('.top .content .menu li .menu-dropdown .menu-catalog .cards .card').each(function () {
        var location = window.location.href
        var link = this.href
        var result = location.match(link);
            if(result != null) {
                $(this).addClass('active');
            }
        });
    }); 
    </script>

Это добавляет только к ссылкам