如何使用jQuery检查图像URL是否为空并执行某些操作
How to Check with jQuery if Image URL is Empty and Do something?
我正在使用PHP从另一个站点加载XML提要。我在 HTML 中的输出是这样的:
<div class="sponsored">
<div class='box'><img src='http:///xxx.jpg'><a href='xxx'>Title</a></div>
<div class='box'><img src='http:///xxx.jpg'><a href='xxx'>Title</a></div>
<div class='box'><img src='http:///xxx.jpg'><a href='xxx/'>Title</a></div>
<div class='box'><img src=''><a href='xxx'>Title</a></div>
</div>
最后一部分没有 src 网址,这意味着提要没有提供任何图像。我想用jquery检查这个HTML输出,以检查是否有src url。如果是这样,那么放置 defauly 图像以获得更好的格式。
我看到了检查div中图像的jquery脚本。但是有没有办法检查图像src是否为空?
====
============更新:
好的,我不确定为什么它以前不起作用。最后,下面的代码适用于我:
$(".sponsored > .box > img[src='']").attr("src","default.png");
谢谢大家的回答!!这是像我这样的未来菜鸟的最终工作代码:)
<script>
$(document).ready(function(){
$(".sponsored > .box > img[src='']").attr("src","image.jpg");
});
</script>
你可以
用attribute equals
选择器来做到这一点,
$(".sponsored > .box > img[src='']").attr("src","default.png");
$(document).ready(function(){
$(".sponsored .box img").each(function(){
if($(this).attr('src') == ''){
$(this).attr('src') = 'default.png';
}
});
});
你可以
这样使用,这个例子会给你3 not empty
记录和1 empty
记录,你可以在浏览器控制台中检查结果:
$('.box img').each(function(index,val){
if($(this).attr('src') == ''){
console.log('empty');
}
else{
console.log('not empty');
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="sponsored">
<div class='box'><img src='http:///xxx.jpg'><a href='xxx'>Title</a></div>
<div class='box'><img src='http:///xxx.jpg'><a href='xxx'>Title</a></div>
<div class='box'><img src='http:///xxx.jpg'><a href='xxx/'>Title</a></div>
<div class='box'><img src=''><a href='xxx'>Title</a></div>
</div>
试试这个
$('.box img').each(function(){
if($(this).attr('src') == ''){
//do something
}
else{
//do something
}
});
$('.sponsored .box img').each(function () {
if (this.src!== undefined && this.src!='') {
console.log("Exists");
}else
{
console.log("Not Exists");
}
});
相关文章:
- 单击元素两次后执行操作
- 如何在mvc3中执行操作而不更改当前页面
- jQuery onunload在按下按钮时执行操作
- 如果DOM发生更改,您将如何执行操作
- 在执行所有回调函数后执行操作
- JavaScript 对输入框执行操作
- 如何根据各种复选框状态执行操作
- 对页面重新加载 Jquery 执行操作
- jQuery如果大于则执行操作,但只执行一次
- ngStorage是否异步执行操作
- 如何逐一执行操作
- 只有当输入文本是example.com这样的域时才执行操作
- Javascript数学不起作用,更好的方式来执行操作
- Qubit在控制台中执行操作
- 停止setInterval,直到未执行操作
- 我如何使用javascript对音频标记执行操作
- JS 函数将对象作为输入,并返回一个对象,该对象对作为参数传递的对象执行操作
- 单击时执行操作多个具有相同类的 href
- 在 JavaScript 中传递指定秒数后如何执行操作
- 如何在对用户控件执行操作后调用 Web 服务