如果一个Div有价值,显示或隐藏Div?

时间:2012-01-05 22:20:28

标签: javascript jquery css asp.net-mvc css3

我知道有很多关于如何根据点击或悬停或某种用户事件显示或隐藏div的示例。我正在寻找一个java脚本示例或jquery示例,它根据div有价值的天气显示或隐藏div。换一种说法。我正在显示您所在地区的音乐会列表。如果您所在地区没有音乐会,则应显示另一个div,而不是说“您所在地区没有音乐会”。

这需要在页面加载时发生。没有任何用户参与。

任何曾经使用tis或a =之类的东西都可以指向一个显示如何执行此操作的链接?

由于 Oceantrain

4 个答案:

答案 0 :(得分: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/

答案 1 :(得分:1)

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

答案 2 :(得分:0)

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

这应该是如何使其发挥作用的一种方式。当然,你必须加入一些决定div将被显示的逻辑。

答案 3 :(得分:0)

有很多例子可以做到这一点
一般来说,人们用它来检查/调节价值。

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


其次

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


你可以使用text()或html()......
类似于var text = jQuery("div").text();

之类的东西