Показать или скрыть Div, если один Div имеет значение?

Question

Я знаю, что есть множество примеров того, как показать или скрыть div, основываясь на щелчке или наведении курсора или на какое-то пользовательское событие.Я ищу образец сценария java или образец jquery, который показывает или скрывает элемент div в зависимости от того, имеет ли значение значение div.Другими словами.Я показываю список концертов в вашем районе.Если в вашем регионе нет концертов, вместо этого должен отображаться другой div с надписью «В вашем районе нет концертов».

Это должно происходить при загрузке страницы.Без какого-либо участия пользователя.

Кто-нибудь когда-либо использовал что-то вроде тис или а = может указать мне ссылку, которая показывает, как это сделать?

Спасибо Oceantrain

Answer 1

$(function(){
    var $div = $("#div1");
    if(!$div.html().length)
        $div.hide();
});

Если вы хотите использовать селектор классов, вы можете использовать следующий код:

$(function(){

    var $div = $(".foo");

    $.each($div, function(i,v){ 
        var _$div = $(v);
        if(!_$div.html().length)
            _$div.hide();
    });
});

рабочая демоверсия здесь:

http://jsfiddle.net/tugberk/mAaDY/

Answer 2

$(function () {
    var $div = $("#div1");
    if($.trim($div.html()).length == 0) {
        $div.hide();
    }
});

Answer 3

Есть множество примеров, чтобы сделать это
Как правило, люди используют это для проверки / проверки стоимости.

     if( $("this").val().length === 0 ) {
     $("this").hide()

Во-вторых

if( !$("this").val() ) { $("this").hide() }

С помощью вы можете использовать text () или html () ...
Что-то вроде
var text = jQuery("div").text();

Answer 4

$(function(){
if($("#div1").is(":empty"))
$("#div1").css("display","none");
$("#div2").css("display","block");
});

Это должен быть один из способов заставить его работать.Наверняка вы должны ввести некоторую логику, которая решит, какой div будет отображаться.