Bir div'in boş olup olmadığını kontrol etmek için bir if ifadesi kullanma

Ayrı bir div boşsa belirli bir div'i kaldırmaya çalışıyorum. İşte kullandığım şey:

$(document).ready(function () {
    if ('#leftmenu:empty') {
        $('#menuTitleWrapper').remove();
        $('#middlemenu').css({ 'right': '0', 'position': 'absolute' });
        $('#PageContent').css({ 'top': '30px', 'position': 'relative' });
    }
});

Bunun yakın olduğunu düşünüyorum ama # sol menünün boş olduğunu test etmek için kodun nasıl yazılacağını çözemiyorum. Herhangi bir yardım takdir edilmektedir!

Kullanabilirsiniz .is().

if( $('#leftmenu').is(':empty') ) {
    // ...

Ya da lengthbulunup bulunmadığını görmek için mülkü test edebilirsiniz .

if( $('#leftmenu:empty').length ) {
    // ...

Akılda o bulundurun boş hayır demektir boşluk ya. Beyaz boşluk olma ihtimali varsa $.trim(), içeriğin uzunluğunu kullanabilir ve kontrol edebilirsiniz .

if( !$.trim( $('#leftmenu').html() ).length ) {
    // ...

Boş derken ne demek istediğine bağlı.

Metin olup olmadığını kontrol etmek için (bu, kendileri boş olan alt öğelere izin verir):

if ($('#leftmenu').text() == '')

Alt öğe veya metin olup olmadığını kontrol etmek için:

if ($('#leftmenu').contents().length == 0)

Veya,

if ($('#leftmenu').html() == '')

Boş div'leri nasıl kontrol edeceğiniz konusunda hızlı bir demo istiyorsanız, şu bağlantıyı denemenizi öneririm:

http://html-tuts.com/check-if-html-element-is-empty-or-has-children-tags/

Aşağıda bazı kısa örnekler var:

CSS kullanma

Div'iniz boşsa, beyaz boşluk olmasa bile, CSS'yi kullanabilirsiniz:

.someDiv:empty {
    display: none;
}

Maalesef önceki kardeş öğeyi seçen bir CSS seçici yok. Yalnızca sonraki kardeş öğe için vardır:x ~ y

.someDiv:empty ~ .anotherDiv {
    display: none;
}

JQuery kullanma

Text () işlevi ile öğenin metin uzunluğunu kontrol etme

if ( $('#leftmenu').text().length == 0 ) {
    // length of text is 0
}

Öğenin içinde alt etiket olup olmadığını kontrol edin

if ( $('#leftmenu').children().length == 0 ) {
    // div has no other tags inside it
}

Beyaz boşlukları olup olmadığını kontrol edin

if ( $.trim( $('.someDiv').text() ).length == 0 ) {
    // white-space trimmed, div is empty
}

JQuery işlevini şu şekilde genişletebilirsiniz :

Uzatın:

(function($){
    jQuery.fn.checkEmpty = function() {
       return !$.trim(this.html()).length;
    };
}(jQuery));

Kullanım:

<div id="selector"></div>

if($("#selector").checkEmpty()){
     console.log("Empty");
}else{
     console.log("Not Empty");
}

Bunu dene:

$(document).ready(function() {
    if ($('#leftmenu').html() === "") {
        $('#menuTitleWrapper').remove();
        $('#middlemenu').css({'right' : '0', 'position' : 'absolute'});
        $('#PageContent').css({'top' : '30px', 'position' : 'relative'});
    }
});

En güzeli değil ama işe yaramalı. İç HTML'nin (# sol menünün içeriği) boş bir dize olup olmadığını kontrol eder (yani içinde hiçbir şey yoktur).

Benim durumumda, belgede saklanacak birden çok öğem vardı. Hazır. Şimdiye kadar benim için çalışan işlev (filtre):

$('[name="_invisibleIfEmpty"]').filter(function () {
    return $.trim($(this).html()).length == 0;
}).hide();

veya .hide () yerine .remove (), ne tercih ederseniz edin.

Bilginize: Bu, özellikle, SharePoint'teki can sıkıcı boş tablo hücrelerini gizlemek için kullandığım çözümdür (bu koşulla birlikte "|| $ (this) .children (" menu "). Length".

if (typeof($('#container .prateleira')[0]) === 'undefined') {
    $('#ctl00_Conteudo_ctrPaginaSistemaAreaWrapper').css('display','none');
}

Bugün bununla karşılaştım ve kabul edilen cevaplar benim için işe yaramadı. İşte böyle yaptım.

if( $('#div-id *').length === 0 ) {
    // your code here...
}

Çözümüm, div içinde herhangi bir öğe olup olmadığını kontrol eder, böylece içinde yalnızca metin varsa div'i boş olarak işaretler.

ayrıca bunu kullanabilirsiniz:

    if (! $('#leftmenu').children().length > 0 ) {
         // do something : e.x : remove a specific div
    }

Senin için çalışacağını düşünüyorum!

if($('#leftmenu').val() == "") {
   // statement
}