javascript - 需要有关基于匹配文本删除容器元素的 jQuery 条件帮助

Question

这是我的标记:

  <div>
        <h3>Title</h3>
        <ul class="eventslist">
            <li>This event would be discarded</li>
                <ul>
                    <li>...</li>
                    <li>...</li>
                </ul>
            </li>
        </ul>
    </div>

    <div>
        <h3>Title</h3>
        <ul class="eventslist">
            <li>Earnings - This event would be included</li>
                <ul>
                    <li>...</li>
                    <li>...</li>
                </ul>
            </li>
        </ul>
    </div>

我需要帮助编写一个条件来遍历页面上的每个 UL class="eventslist"，并检查 UL class="eventslist"下的第一个 LI 是否包含单词“Earnings”(它可以在文本和大写字母应被忽略)。如果没有，则应将包裹在 UL 周围的整个 DIV 连同其中的所有内容一起删除。

非常感谢任何帮助!

Answer 1

这个 jQuery 会做你想做的事:

$(document).ready(function(){

    $(".eventslist").filter(function(){
        var text = $(this).children("li:first").text();
        return !/earnings/i.test( text );  
    }).closest("div").remove();
});

jsFiddle 示例:http://jsfiddle.net/dGKMj/2/