javascript - 如果页面上还有另一个元素，jQuery会向该元素添加一个类

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

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

<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完成此操作，但是该结构确实使我感到困惑，我对此无能为力。那么有人可以帮我弄清楚该怎么做吗？

最佳答案

尝试执行此操作-在您尝试从其他网站提取供稿后需要运行

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
}