Javascript 基于特定html标记内容隐藏父元素

我正在尝试做一些类似于和的事情 但这比那要复杂一点。下面是我想要隐藏的整个元素（一个包含大量内容的列表项）：

<li>
    <div class="wrapper">
        <div class="fulllink" data-href="hideme/some/url" data-title="hideme - some more text">
            <a href="/some/url" rel="stuff">
        </div>
        <div id="fullimage" class="theimage">
            <img src="/some/url" title="hideme - some more text" alt="thisis/hideme text">
        </div>
        <div class="captionwrapper">
            <div class="caption">
                <p>
                    <a class="" title="" href="hideme/some/url">more text</a>
                </p>
            </div>
        </div>
    </div>
</li>

我想根据特定内容“hideme”隐藏此

li

元素，该元素出现了好几次，但您无法单独看到。它应该在页面加载时隐藏，因此不需要用户操作

我试图根据stackoverflow的类似问题提出一个解决方案，但迄今为止没有成功

您可以使用该函数获取每个

li

的

html

内容，然后搜索它是否包含所需的文本：“hideme”

---

发布您的jQuery代码。将您的全部代码放在JSFIDLE中并向我们展示。我不确定我是否完全理解这个问题。你在找这样的东西吗@托比亚斯：是的，这似乎有效！好的，那我就把它作为答案贴出来。

$("li").each(function () {
    if ($(this).html().indexOf('hideme') > -1) {
        $(this).hide();
    }
});