根据特定的html标记内容隐藏父元素

时间:2015-01-08 07:52:29

标签: javascript jquery

我尝试做类似于How to hide an element, based on its text, with JavaScript?Hiding a parent element using JS/JQuery based on the alt tag of a child element的操作 但它比那复杂一点。这里是我要隐藏的整个元素(包含大量内容的列表项):

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

我想根据特定内容&#34; hideme &#34;隐藏此li元素,该内容多次出现,但正如您所看到的那样。它应该在页面加载时隐藏,因此不需要用户操作。

我试图根据stackoverflow上的类似问题提出解决方案,但到目前为止还没有成功。

1 个答案:

答案 0 :(得分:0)

您可以使用html()功能获取每个html的{​​{1}}内容,然后搜索它是否包含所需的文字:&#34; hideme&#34;。

li

Demo