jQuery и Javascript If / Else

Question

Я пытаюсь получить простой (по крайней мере, простой) оператор If / Else для работы в jQuery.

Основная суть того, что мне нужно, заключается в том, что «если» определенный «div» добавляется на страницу, то класс добавляется в другой div. В противном случае к элементу div применяется «удалить», и он не отображается на странице.

Вот мой код:

jQuery(document).ready(function(jQuery){
if(jQuery('#myExtraContent4').length){
    jQuery('#ks_footer').addClass('ifThere');
},
else {
    jQuery('#ks_footer').remove();
}
});

В итоге происходит то, что класс ifThere применяется правильно, а div "#ks_footer" не удаляется, если к нему ничего не добавлено. (Он всегда там, даже когда он пуст и должен быть удален)

Я надеюсь, что кто-то может определить причину и предложить предложение о том, как исправить.

Спасибо Gary

Answer 1

jQuery(function($){
    if($('#myExtraContent4').length > 0){
        $('#ks_footer').addClass('ifThere');
    }//, <--this comma should not be here so I've commented it out
    else {
        $('#ks_footer').remove();
    }
});

Answer 2

jQuery(document).ready(function(jQuery){
    if(jQuery('#myExtraContent4').length){
        jQuery('#ks_footer').addClass('ifThere');
    }
    //, remove , in between if and else
    else {
        jQuery('#ks_footer').remove();
    }
});

Answer 3

Чтобы удалить #ks_footer DIV, если он не содержит дочерних элементов, вы можете использовать

var div = document.getElementById('#ks_footer')
if(!div.children.length) { div.parentNode.removeChild(div); }

Пожалуйста, извините, если это чистый JS, а не jQuery, но мне действительно удобнеес этим ...