2012-01-05 20 views
0

クリックやホバーや何らかの種類のユーザーイベントに基づいてdivを表示または非表示にする方法はたくさんあります。私はdivを値がある天気に基づいてdivを表示または非表示にするJavaスクリプトサンプルまたはjqueryサンプルを探しています。言い換えると。あなたの地域にコンサートのリストを表示しています。あなたの地域にコンサートがない場合は、代わりに「あなたの地域にコンサートはありません」と表示されます。Divを表示または非表示にするには?

これはページの読み込み時に発生する必要があります。ユーザーの関与なし。

tisやa =のようなものを使用したことがある人は誰でも、これを行う方法を示すリンクを教えてくれるでしょうか?デモここで働く

$(function(){ 

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

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

:あなたはクラスセレクタを使用したい場合は

おかげ Oceantrain

+0

HMのような
何か...を使用することができますしてコード。コードやデモを投稿できますか?多分http://jsfiddle.net? –

+0

コンサートのリストがPHP/MySQLなどで生成されていると仮定すると、出力するコンサートの量をチェックするだけでなく、0の場合は、 "あなたの地域のコンサートはありません"という文字列を出力するか、そのテキストと別のクラスなどで新しいdiv。 – SmokeyPHP

+0

Asp.Net MVC。私はあなたの地域のdiv表示のコンサートはありません。結果は表示されませんが、説明が表示されているdivもあります。コンサートのリストが空の場合は、description divを非表示にし、コンサートdivを表示しないようにします。私は後になったものです。 –

答えて

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(); 
}); 

は、次のようなコードを使用することができます

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

+0

@JosephMarikle私が寝る時間:考えてください:Dありがとう!それを固定した。 – tugberk

+0

ようこそ。 :)私たちはすべてそのようなミスを犯すと思う(少なくとも私は> _>を持っていることを知っている) –

+0

私はこれらのいずれかを動作させるように見えることはできません。 div1はIDでなければならないのですか?それはクラスになることができますか?次のようにしてください:$(function()$ 012; div.hide(); }); –

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

答えを変更する前にこれを作成しましたが、鉱山には長さチェックで可能なすべての空白が削除されていることを確認するトリム機能もあります。 – evasilchenko

+0

あなたにおめでとう:) – tugberk

+0

Hells yeah brotha、自分も疲れているかもしれませんが、長さがブール値を返さないので、あなたのコードは長さの比較を必要としませんか? – evasilchenko

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

これは、動作させる方法の1つである必要があります。確かに、どのdivを表示するかを決めるロジックを入れなければなりません。

関連する問題