Javascript 如果一个Div有值,则显示或隐藏Div?
我知道有很多关于如何基于单击或悬停或某种用户事件显示或隐藏div的示例。我正在寻找一个java脚本示例或jquery示例,它根据div是否有值来显示或隐藏div。换句话说。我正在展示你所在地区的音乐会列表。如果您所在地区没有音乐会,则应显示另一个分区,而不是说“您所在地区没有音乐会” 这需要在页面加载时发生。没有任何用户参与 有没有人用过像tis或a=这样的东西,可以给我指一个链接,说明如何做到这一点 谢谢 海洋火车Javascript 如果一个Div有值,则显示或隐藏Div?,javascript,jquery,asp.net-mvc,css,Javascript,Jquery,Asp.net Mvc,Css,我知道有很多关于如何基于单击或悬停或某种用户事件显示或隐藏div的示例。我正在寻找一个java脚本示例或jquery示例,它根据div是否有值来显示或隐藏div。换句话说。我正在展示你所在地区的音乐会列表。如果您所在地区没有音乐会,则应显示另一个分区,而不是说“您所在地区没有音乐会” 这需要在页面加载时发生。没有任何用户参与 有没有人用过像tis或a=这样的东西,可以给我指一个链接,说明如何做到这一点 谢谢 海洋火车 $(function(){ var $div = $("#div1")
$(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();
});
});
在此进行工作演示:
如果要使用类选择器,可以使用以下代码:
$(function(){
var $div = $(".foo");
$.each($div, function(i,v){
var _$div = $(v);
if(!_$div.html().length)
_$div.hide();
});
});
在此进行工作演示:
这应该是让它发挥作用的一种方式。当然,您必须输入一些逻辑来决定将显示哪个div
这应该是让它发挥作用的一种方式。当然,您必须输入一些逻辑来决定将显示哪个div。有很多这样的例子
通常人们用它来检查/调节价值
if( $("this").val().length === 0 ) {
$("this").hide()
其次
if( !$("this").val() ) { $("this").hide() }
您可以使用text()或html()。。。
类似于
var text=jQuery(“div”).text()代码>有很多这样的例子
通常人们用它来检查/调节价值
if( $("this").val().length === 0 ) {
$("this").hide()
其次
if( !$("this").val() ) { $("this").hide() }
您可以使用text()或html()。。。
类似于
var text=jQuery(“div”).text()代码>hm。。。没有任何标记代码很难说。你能发布一些代码或演示吗?假设音乐会列表是由PHP/MySQL或类似程序生成的。。。您是否可以检查要输出的音乐会数量,如果为0,则输出“您所在地区没有音乐会”字符串,或者输出一个包含该文本和其他类的全新div。Asp.Net MVC。我确实在你们地区没有音乐会。并且没有显示结果,但是,有一个div,其中也显示了一个描述。如果演唱会列表为空,则隐藏描述分区,不显示演唱会分区。这就是我要找的。嗯。。。没有任何标记代码很难说。你能发布一些代码或演示吗?假设音乐会列表是由PHP/MySQL或类似程序生成的。。。您是否可以检查要输出的音乐会数量,如果为0,则输出“您所在地区没有音乐会”字符串,或者输出一个包含该文本和其他类的全新div。Asp.Net MVC。我确实在你们地区没有音乐会。并且没有显示结果,但是,有一个div,其中也显示了一个描述。如果演唱会列表为空,则隐藏描述部分,不显示演唱会部分。这就是我要找的。@JosephMarikle该睡觉了我想:D谢谢!修好了。不客气。:)我想我们都会犯这样的错误(至少我知道我犯过),但我似乎无法让这些错误发挥作用。div1必须是一个ID吗?这会是一节课吗?如:$(function(){var$div=$(“.concertbody”);if(!$div.html().length)$div.hide();})@EB我不能肯定上面的代码对类选择器有效。如果有多个元素,那么它将只检查第一个元素。看我的更新。谢谢你。我看了你的演示。似乎两个div仍在显示。是否需要将div设置为Display:none;或隐藏;首先是为了显示和隐藏2个div?@JosephMarikle该睡觉了我想:D谢谢!修好了。不客气。:)我想我们都会犯这样的错误(至少我知道我犯过),但我似乎无法让这些错误发挥作用。div1必须是一个ID吗?这会是一节课吗?如:$(function(){var$div=$(“.concertbody”);if(!$div.html().length)$div.hide();})@EB我不能肯定上面的代码对类选择器有效。如果有多个元素,那么它将只检查第一个元素。看我的更新。谢谢你。我看了你的演示。似乎两个div仍在显示。是否需要将div设置为Display:none;或隐藏;首先是为了显示和隐藏2个div?我在tug更改答案之前创建了这个,但我的还有一个修剪功能,以确保在长度检查中修剪所有可能的空白。Hells yeah Bouroa,此外,我自己可能也很累,但您的代码是否需要进行长度比较,因为长度不返回布尔值?@DeviantSeev我相信他所依赖的事实是,0的计算结果为布尔值,而不必是。运行此代码:if(100)警报(“true”)代码>和该if(0)警报(“假”)代码>。“我在tug更改答案之前创建了这个,但我的还有一个修剪功能,确保在长度检查中修剪所有可能的空白。Hells yeah Bouroa,此外,我自己可能也很累,但您的代码是否需要进行长度比较,因为长度不返回布尔值?@DeviantSeev我相信他所依赖的事实是,0的计算结果为布尔值,而不必是。运行此代码:if(100)警报(“true”)代码>和该if(0)警报(“假”)代码>”