Как получить элемент на основе URL страницы

Question

У меня есть навигация в виде ul и li . Если URL-адрес http://mydomain.com/somewiredpath/page21.htm?p=1, как я могу получить элемент li с этим URL-адресом? Я не беспокоюсь об остальной части URL, нужно просто li с "page21.htm".

<ul id="navig">
        <li>
            <a href=".../page1.htm"><imgsrc="..."></a>
        </li>
        <li>
            <a href=".../page2.htm"><imgsrc="..."></a>
            <ul>
                <li><a href=".../page3.htm"><imgsrc="..."></a></li>
                <li><a href=".../page4.htm"><imgsrc="..."></a></li>
            </ul>
        </li>
</ul>

PS: я собираюсь добавить несколько стилей в соответствующие и родительские элементы, поэтому, если для этого уже есть какая-то функция / плагин jquery, было бы здорово узнать.

Answer 1

function findLi(pagename) {
    return $('#navig a[href*="' + pagename + '"]').closest("li");
}