Jquery - Select the <li> around <a href="specific-url">

Question

This should be simple:

<li>
    <a href=""></a>
</li>
<li>
    <a href="specific-url"></a>
</li>

I want to select that <li> based on the <a> tag's attribute with specific url in the href. (Do not use last-child)

How can I?

Answer 1

As simple as:

$('a[href="specific-url"]').parent('li');

Answer 2

Here you go:

$('li:has(a[href="specific-url"])')

Live DEMO

Another way is:

$('li > a[href="specific-url"]').parent()

Live DEMO