Q:

Remove LI from UL based on text within a SPAN

Given the following code:
<ul>
<li class="parent">
    <a href="#link">
        <span>Home</span>
    </a>
</li>
<li class="parent">
    <a href="#link">
        <span>Contact</span>
    </a>
</li>
<li class="parent">
    <a href="#link">
        <span>Blog</span>
    </a>
</li>   

How can I check the value of the SPAN text, and if it equals "Blog," remove the entire LI from the UL?
The jQuery code I've been messing with is getting too complex, and I'm sure there's some kind of nested "find" approach that will help me solve this using minimal code.

A:

$('span:contains("Blog")').closest('li').remove()

jsFiddle example

