javascript - 使用条件 javascript 隐藏整个 div(缺少头像图像)

Question

如果图像“src”使用的是空白头像图像，我目前正在使用 CSS 隐藏一个类。

但是，我还需要创建一个条件，在满足上述条件时隐藏整个 div (class="s-lib-featured-profile-container")。

我目前正在实现以下但没有成功。

<style>
.s-lib-featured-profile-image [src="//libapps.s3.amazonaws.com/apps/common/images/profile.jpg"] {
    display:none;
}
</style>

<script>
$(document).ready(function() {
 if( $('.s-lib-featured-profile-image img[src="https://libapps.s3.amazonaws.com/apps/common/images/profile.jpg"]').length ) {
    console.log('hiding...');
    $('.s-lib-featured-profile-container').hide();
  }
});
</script>

<div class="s-lib-featured-profile-container">
        <a href="/prf.php?account_id=127256">
            <div class="s-lib-featured-profile-image">
                <img src="https://libapps.s3.amazonaws.com/apps/common/images/profile.jpg" alt="">
            </div> 
        </a>
</div>

最终，我只需要隐藏 <div class="s-lib-featured-profile-container">如果其中的图像 src 是:<img src="https://libapps.s3.amazonaws.com/apps/common/images/profile.jpg">

对这位新手的任何帮助将不胜感激!

Answer 1

使用元素的onload事件:

<img onload="$(this).parents('.s-lib-featured-profile-container').hide()" ...>

或:

$('.s-lib-featured-profile-container img').load(function() {
   $(this).parents('.s-lib-featured-profile-container').hide();
});