Как написать проверку if на jQuery?

Question

[Andrey Dontsov]

Доброго дня
Помогите пожалуйста разобраться и прошу прощения за ересь в примере ниже

Нужна проверка, если div.star-rating НЕ имеет вложенных элементов, то нужно добавить в div.star-rating-wrap div.empty

Если div.star-rating ИМЕЕТ вложенные элементы, то не делать ничего!

Код ниже не работает так как нужно, он добавляет div.empty, но при этом удаляет div.star-rating если он есть.
Спасибо!

$('div.star-rating').has(function() {
    if($('div.star-rating-wrap:empty')) {
        $('div.star-rating-wrap').html('<div class="empty"></div>');
    }else{
        return false;
    }
});

Answer 1

[Виталий Инчин ☢]

$('.star-rating-wrap').has('.star-rating:empty')
   .append('<div class="empty" />');

Answer 2

[rakro]

append() вместо html() чтобы не удалял

Comments

[Andrey Dontsov]

append() сработал, но код добавляет div.empty в любом случае, т.е. не срабатывает проверка if, div.empty добавляется даже если div.star-rating не пустой.

Answer 3

[mletov]

....
if ($(".star-rating").children().length==0)
{
     $('div.star-rating-wrap').append('<div class="empty"></div>');
}
...

Comments

[Andrey Dontsov]

работает, но код добавляет div.empty в любом случае, т.е. не срабатывает проверка if, div.empty добавляется даже если div.star-rating не пустой.

[mletov]

Отлаживайте. Сделайте console.log($(".star-rating").children()) для обеих веток

[mletov]

И html покажите

[Andrey Dontsov]

mletov: ниже добавил html

[mletov]

Поправил ответ. Если сработало некорректно - смотрите в консоли $(".star-rating").children()

Answer 4

[dima_horror]

if ($('div.star-rating').is(":empty")) {
            $('div.star-rating-wrap').append(
                $("<div/>").addClass('empty')
            );
        };

Answer 5

[Михаил Чирский]

if (!$('.star-rating').is(':empty')) {
    $('div.star-rating-wrap').append('<div class="empty"></div>');
}

Как то так?

Странный у вас подход конечно, зачем пустой див добавлять, не проще добавить класс, от которого и с CSS проще работать и разметку не засорять пустым div.

Comments

[Andrey Dontsov]

не срабатывает условие(( div.empty добавляется даже если div.star-rating-wrap не пустой

[Михаил Чирский]

AndreyBLG: jsfiddle.net/sc9xhtk6

Answer 6

[Andrey Dontsov]

html этого вопроса
Т.е. в этом случае div.empty НЕ должен добавляться, т.к. div.star-rating-wrap содержит div.star-rating

<div class="star-rating-wrap">
    <div class="star-rating">
        <span>1111</span>
    </div>
    <div class="empty"></div>
</div>