根据SPAN中的文本从UL中删除LI

Question

给出以下代码：

<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>   

如何查看SPAN文本的值，如果它等于“Blog”，则从UL中删除整个LI？

我一直在搞乱的jQuery代码变得过于复杂，我确信有一种嵌套的“查找”方法可以帮助我使用最少的代码来解决这个问题。

Answer 1

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

<强> jsFiddle example

Answer 2

你可以这样做：

$('ul li span').each(function() {
    if($.trim($(this).text())=="Blog") {
        $(this).closest('li').remove();
    }
});

<强> Fiddle Demo

Answer 3

jsfiddle

$("span").each(function() {
     if( $(this).text()=='Blog') 
      $(this).closest('li.parent').remove(); 
});