javascript - 如果子元素包含字符串，如何删除容器

Question

我有一个聚合 YouTube 视频剪辑的网站。但有时剪辑显示为私有(private)。如果类 a.colorbox.cboxElement 包含字符串 "，我如何通过 jQuery 在整个 div 上设置 display:none;私有(private)视频"?

在此之前，我在单个 div 上做了类似的事情，添加了一个额外的类，我用它来删除 div。我不确定嵌套时该怎么做:

$( "#div:contains('text')" ).addClass( "newclass" );

HTML:

<li class="feed-item">
    <div class="thumbnail-excerpt wprss-feed-thumbnail sgvtagged">
        <div class="SGVthumb SGVthumb-0" data-title="SKateFlix" data-desc="The Amazing SkateFlix" data-type="yt" style="width:280px;height:210px;float:left;padding-right:px" data-media="SGVvideo" data-thumb="http://www.youtube.com/embed/2A7vCq8BmQQ" data-yid="2A7vCq8BmQQ" data-image="0" data-video="http://www.youtube.com/embed/2A7vCq8BmQQ?wmode=opaque&amp;autoplay=1&amp;rel=0"><img height="210" width="280" src="http://skateflix.se/wp-content/uploads/cache/remote/www-gstatic-com/3140846889.png"><img class="mpover" src="http://skateflix.se/wp-content/plugins/sgvideo/img/ytp.png" style="left:40px;top:40px"></div>
    </div>
    <div class="source-date"><span class="feed-source">VANS </span></div>
    <a class="datum">onsdag, maj 6</a>
    <a class="colorbox cboxElement" href="http://www.youtube.com/embed/2A7vCq8BmQQ">Private video</a>
    <div class="colorboxexcerpt" href="http://www.youtube.com/embed/2A7vCq8BmQQ">...</div>
</li>

Answer 1

你可以结合:has与 :contains :

$( ".feed-item:has(a.cboxElement:contains('Private video'))" ).hide();

此示例有一个私有(private)视频和一个公共(public)视频:

JSFiddle: http://jsfiddle.net/TrueBlueAussie/7vramkem/