Highlight current page button based on another page

Question

I have the bottom menu, which is contained in the page empresas.php and "Edit" a company becomes editar-empresa.php?id=x:

The function that adds the class active to the current page is the following:

(function() {
    var nav = document.getElementById('menu'),
        anchor = nav.getElementsByTagName('a'),
        current = window.location.href.split("?")[0];
        for (var i = 0; i < anchor.length; i++) {
            if(anchor[i].href.split("?")[0] == current) {
                anchor[i].children[0].className = "active";
            }
    }
})();

That is, the "Companies" section will only remain highlighted if it is on the page empresas.php, but I need you to remain detached when going to the subsection editar-empresa.php?id=x. What must I do to achieve such a goal?

HTML:

<div id="menu">
    <nav>
        <ul>
            <a href="emissor-nfe.php"><li>Emissor NF-e</li></a>
            <a href="empresas.php"><li>Empresas</li></a>
            <a href="clientes.php"><li>Clientes</li></a>
            <a href="produtos.php"><li>Produtos</li></a>
            <a href="transportadoras.php"><li>Transportadoras</li></a>
            <a href="logout.php"><li>Sair</li></a>
        </ul>
    </nav>
</div>

Answer 1

Following @Andersoncarloswoss' advice, a possible solution is to rename the page name editar-empresas.php for empresas-editar.php and use the function indexOf():

(function () {
    var nav = document.getElementById('menu'),
        anchor = nav.getElementsByTagName('a'),
        current = window.location.href.split("?")[0];
    for (var i = 0; i < anchor.length; i++) {
        if (current.indexOf(anchor[i].toString().split(".")[0]) >= 0) {
            anchor[i].children[0].className = "active";
        }
    }
})();

Obs.: the function split() was used to disregard the extension .php (remembering that she only works with strings and so the method was used toString()).