2012-01-05 82 views
0

我知道有很多關於如何根據點擊或懸停或某種用戶事件來顯示或隱藏div的示例。我正在尋找一個java腳本示例或jquery示例,根據div有價值的天氣顯示或隱藏div。換一種說法。我正在顯示您所在地區的音樂會列表。如果您所在地區沒有音樂會,則應顯示另一個div,而不是「您所在地區沒有音樂會」。如果一個Div有值,顯示或隱藏Div?

這需要在頁面加載時發生。沒有任何用戶參與。

任何人曾經使用類似tis或a =的東西可以指向我的鏈接,顯示如何做到這一點?

感謝 Oceantrain

+0

陛下...硬盤沒有任何標記說碼。你可以發佈一些代碼或演示?也許是一個http://jsfiddle.net? – 2012-01-05 22:23:28

+0

假設音樂會列表是由PHP/MySQL或類似軟件生成的......您是否可以不檢查輸出的音樂會數量,然後如果爲0,則輸出「您所在地區沒有音樂會」字符串,或者輸出整個與文本和不同的類的新的div等等。 – SmokeyPHP 2012-01-05 22:24:52

+0

Asp.Net MVC。我在你的區域div顯示沒有音樂會。並沒有結果顯示,但是,還有一個顯示描述的div。如果音樂會列表爲空,請隱藏說明div,不顯示Concert div。是我所追求的。 – 2012-01-07 15:48:32

回答

0

有大量的例子可以做到這一點
一般人們用它來檢查/條件的價值。

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


其次

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


有了可以使用文本()或HTML()...
喜歡的東西
var text = jQuery("div").text();

2
$(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/

+0

@JosephMarikle時間讓我去睡覺我想:D謝謝!修復。 – tugberk 2012-01-05 22:26:22

+0

不客氣。 :)我認爲我們都犯這樣的錯誤(至少我知道我有> _>) – 2012-01-05 22:29:00

+0

我似乎無法得到任何這些工作。 div1必須是ID嗎?它可以成爲一堂課嗎?如下所示:$(function(){ var $ div = $(「。concertbody」); if(!$ div.html()。length) $ div.hide(); }); – 2012-01-07 15:57:07

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

我在更改他的答案之前創建了此項功能,但我也有一個修剪功能,以確保在長度檢查中修剪所有可能的空白區域。 – evasilchenko 2012-01-05 22:29:33

+0

恭喜你然後:) – tugberk 2012-01-05 22:32:21

+0

地獄是啊brotha,也可能我自己很累,但是你的代碼不需要有長度比較,因爲長度不返回布爾值? – evasilchenko 2012-01-05 22:33:53

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

這應該是如何使其工作的一種方法。當然,你必須加入一些決定div將被顯示的邏輯。