title: How to get element based on page url
body: <p>I have navigation in form of <strong>ul</strong> and <strong>li</strong>. If url is <code>http://mydomain.com/somewiredpath/page21.htm?p=1</code> how can i get <strong>li</strong> element with this url? I don't care about rest of the url, need just li with "page21.htm". </p>
  
  <pre><code>&lt;ul id="navig"&gt;
          &lt;li&gt;
              &lt;a href=".../page1.htm"&gt;&lt;imgsrc="..."&gt;&lt;/a&gt;
          &lt;/li&gt;
          &lt;li&gt;
              &lt;a href=".../page2.htm"&gt;&lt;imgsrc="..."&gt;&lt;/a&gt;
              &lt;ul&gt;
                  &lt;li&gt;&lt;a href=".../page3.htm"&gt;&lt;imgsrc="..."&gt;&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href=".../page4.htm"&gt;&lt;imgsrc="..."&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>PS: i'm going to add some styles to matched and parent elements, so if there is already some jquery function/plugin for that, it would be great to know.</p>