Question

我正在使用jquery获取图像的src以显示：当src =“”时无。它看起来像那样，

<div class="parent">
    <img src="images_path/or nothing" class="Images"/>
    <div class="content"></div>
</div>

类内容向左浮动以适合父div中的图像宽度。现在我想在它清空时检测图像源我改变了class content.width以适应父div由它的selft。我的jquery代码就像那样

var CustomizeImage = $(".CategoryNews-left").find(".Images").attr("src");
alert(CustomizeImage);
if(CustomizeImage == ""){
    alert("ko co gi");
    $(".CategoryNews-left").find(".Images").css("display","none");
    $(".CategoryNews-left").find(".news").css("width","320px");
    $(".CategoryNews-left").find(".Content").css("width","320px");
}

但是即使src = empty，类内容也没有获得新的宽度，有人帮我解决了这个问题，感谢很多人阅读我的笔记!!!

Answer 1

在脚本中尝试小写“.Content”（更改为“.content”）。 HTML中的原因你只有class =“content”。

Answer 2

由于CSS中的类名称区分大小写，.Content与class="content"不匹配

要么将类更改为HTML中的class="Content"（无论如何这似乎是您的命名约定），要么将选择器更改为.content。

Answer 3

感谢Tobias和Birman很多，我刚刚在css文件中查看我的班级名称是Content。我的意思是我有父div的列表。但是当我编码时，我的代码只提醒第一个：

var CustomizeImage = $(".CategoryNews-left").find(".Images").attr("src");
alert(CustomizeImage);
if(CustomizeImage == ""){
    alert("ko co gi");
    $(".CategoryNews-left").find(".Images").css("display","none");
    $(".CategoryNews-left").find(".news").css("width","320px");
    $(".CategoryNews-left").find(".Content").css("width","320px");
} else {
    if(CustomizeImage.indexOf('src=""') > 0){
        alert("co nhung rong");
        $(".CategoryNews-left").find(".Images").css("display","none");
        $(".CategoryNews-left").find(".news").css("width","320px");
        $(".CategoryNews-left").find(".Content").css("width","320px");
    }
}

我的html代码如下所示：

<div class="CategoryNews-left">
    <div class="Images">
        <img src="images/Anhto_listtin_trai.gif" alt="anh tin" />
</div>
<div class="news">
    <h3>blahblahblahblahblah</h3>
    <p>blahblah- blahblahblah</p>
</div>
<div class="Content">blahblahblahblahblahblah</div>
<div class="relateNews">
<ul>
    <li><a href="">blahblahblahblahblahblahblahblahblahblah</a> <font>VnExpress</font></li>
</ul>

Answer 4

不完全确定你要做什么，但你的第一个选择是错误的。

$(".CategoryNews-left").find(".Images").attr("src");

找到 div “images”，并查找其src。 div没有src。你应该试试

$(".CategoryNews-left .Images img").attr("src");

另外，请记住attr("src")只返回第一个img的src，即使你有很多。

Answer 5

感谢Kobi和其他很多人！现在我知道如果我想拥有他们的属性我必须通过所有元素循环。现在它运行了。再次感谢！

当jquery中没有图像时显示none

5 个答案: