[jQuery] Select Last <li>
Sounds simple but I cannot get it to work. Here is the structure.
<ul class="list">
<li><a href="#">Abc</a></li>
<li><a href="#">Abc</a>
<ul>
<li><a href="#">Abc</a></li>
<li><a href="#">Abc</a></li>
<li><a href="#">123</a></li>
</ul>
</li>
<li><a href="#">Abc</a></li>
<li><a href="#">Abc</a></li>
</ul>
I want to get the last <a> in the _sub_ list. Here is what I've tried
with no success. Ideas?
$('.list li li:last a').addClass('last-li');
$('.list li ul li:last a').addClass('last-li');
$('.list li:has(ul) li:last a').addClass('last-li');