如何在设置 .image 的 src 时隐藏 .placeholder，并隐藏 .image 当 src 未设置时？
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label id="hide-placeholder">
<img class="placeholder" src="https://uploads-ssl.webflow.com/57e5747bd0ac813956df4e96/5aebae14c6d254621d81f826_placeholder.png">
<img class="image" src="http://inddc.in/webroot/assets/img/sample/shortcode/logo/1.png">
</label>
<label id="hide-image">
<img class="placeholder" src="https://uploads-ssl.webflow.com/57e5747bd0ac813956df4e96/5aebae14c6d254621d81f826_placeholder.png">
<img class="image" src="">
</label>最佳答案
循环 .image 集合，如果 src 为空，则隐藏同级 .placeholder:
$('.image').each(function() {
var src = $(this).attr('src');
if (src && src.trim().length > 0) {
$(this).siblings('.placeholder').hide();
} else {
$(this).hide();
}
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label id="hide-placeholder">
<img class="placeholder" src="https://uploads-ssl.webflow.com/57e5747bd0ac813956df4e96/5aebae14c6d254621d81f826_placeholder.png">
<img class="image" src="http://inddc.in/webroot/assets/img/sample/shortcode/logo/1.png">
</label>
<label id="hide-image">
<img class="placeholder" src="https://uploads-ssl.webflow.com/57e5747bd0ac813956df4e96/5aebae14c6d254621d81f826_placeholder.png">
<img class="image" src="">
</label>关于jquery - 设置图像的 src 时显示/隐藏占位符，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/50166188/