js 判断图片路径 是/否隐藏
现状是有10个图片,有些图片是上传的,有些是没传图直接显示默认图片(固定路径)。想要做判断:如果某class内的图片路径为默认的路径,则隐藏这个class所在容器。说白了...
现状是有10个图片,有些图片是上传的,有些是没传图直接显示默认图片(固定路径)。
想要做判断:
如果某class内的图片路径为默认的路径,则隐藏这个class所在容器。
说白了,我不想显示默认图片,如果没传图就干脆不让它显示。
举个代码例子:
<div class="abc"><img src="12352.jpg"></div>
<div class="abc"><img src="nopic.jpg"></div>
<div class="abc"><img src="4562.jpg"></div>
<div class="abc"><img src="nopic.jpg"></div>
…………
判断:
class abc里的图片如果为nopic.jpg,则隐藏这个div,其余正常显示。
如果可以实现,希望回个可用的代码例子。只说思路我理解不了,谢谢,辛苦大家。
或者,如果是默认图片,替换为随机图片也不错。 展开
想要做判断:
如果某class内的图片路径为默认的路径,则隐藏这个class所在容器。
说白了,我不想显示默认图片,如果没传图就干脆不让它显示。
举个代码例子:
<div class="abc"><img src="12352.jpg"></div>
<div class="abc"><img src="nopic.jpg"></div>
<div class="abc"><img src="4562.jpg"></div>
<div class="abc"><img src="nopic.jpg"></div>
…………
判断:
class abc里的图片如果为nopic.jpg,则隐藏这个div,其余正常显示。
如果可以实现,希望回个可用的代码例子。只说思路我理解不了,谢谢,辛苦大家。
或者,如果是默认图片,替换为随机图片也不错。 展开
2个回答
展开全部
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
</head>
<body>
<div class="abc"><img src="12352.jpg"></div>
<div class="abc"><img src="nopic.jpg"></div>
<div class="abc"><img src="4562.jpg"></div>
<div class="abc"><img src="nopic.jpg"></div>
<script src="jquery-2.1.1.min.js"></script>
<script>
var img = $('div img');
for(var i = 0;i<img.length;i++){
console.log(img[i].src);
if($(img[i]).attr('src')==="nopic.jpg"){
$(img[i]).parent('div').remove();
}
}
</script>
</body>
</html>
追问
谢谢,试了隐藏不了啊,而且我的意思是针对class="abc"的,不能对其他的div有影响。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询