не отображать ни одного, когда нет изображений в JQuery

Question

Я использую jquery, чтобы получить src изображений для отображения: нет, когда src = "". Похоже,

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

Содержание класса перемещается влево, чтобы соответствовать ширине изображений в родительском div. Теперь я хочу определить источник изображения, когда он пустой. Я изменил класс content.width, чтобы он соответствовал родительскому div по его собственной. Мой код 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

спасибо Коби и многому другому! Теперь я знаю, что если я хочу иметь их атрибуты, я должен получить цикл через все элементы. И теперь это работает. Еще раз большое спасибо!

Answer 2

Не совсем уверен, что вы пытаетесь сделать, но ваш первый выбор неверен.

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

Находит div"images" и ищет его src. У div нет src. Вы должны попробовать

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

Кроме того, имейте в виду, attr("src") вернет только источник первого img, даже если у вас их много.

Answer 3

Поскольку имена классов чувствительны к регистру в CSS, .Content не соответствует class="content"

Либо измените класс на class="Content" в HTML (что в любом случае кажется вашим соглашением об именах), либо выберите селектор на .content.

Answer 4

спасибо Тобиасу и Бирману, я только что проверил, что мое имя класса в 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 5

Попробуйте использовать в сценарии строчную букву «.Content» (измените на «.content»). Потому что в HTML у вас просто class = "content".