javascript - 如果页面上有另一个元素，jQuery 将一个类添加到一个元素

Question

我想在没有<h5>的时候隐藏一个div容器在里面。通常 div 容器会被隐藏。当服务器从其他网站拉取提要时，<h5>将添加到 div 容器中。然后 div 应该显示在页面上。

这是一个没有<h5>的HTML结构的简化版本

<div id="alert-feed">
    <div class="webpart-title">Title</div>
    <div class="webpart-body">
        <div class="contianer">
            <ul class="feedlist">
                <li class="campusfeed">
                    <ul class="articlelist"></ul>
                </li>
            </ul>
        </div>
    </div>
</div>

这是带有 <h5> 的 HTML

<div id="alert-feed">
    <div class="webpart-title">Title</div>
    <div class="webpart-body">
        <div class="contianer">
            <ul class="feedlist">
                <li class="campusfeed">
                    <ul class="articlelist">
                        <li>
                            <a><h5 class="articletitle"></h5></a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</div>

所以我想隐藏#alert-feed通过添加类 no-alert当没有 <h5> 时在里面。我知道这可以简单地通过使用 hasClass 来完成和 addClass ，但结构确实让我感到困惑，我对此无能为力。那么有人可以帮我弄清楚该怎么做吗？

Answer 1

试试这个 - 需要在您尝试从另一个网站拉取您的提要后运行

var feed = $('#alert-feed');   // get your feed
if (!feed.find('h5').length) { // check if it doesn't contain a h5
  feed.addClass('no-alert');   // if it doesn't, add a class
}