检查元素是否有内容
check if element has something
首先,我从JSON接收一行数据,并将数据打印在类似的HTML上
<p id="checker">1+2</p>
下面我有一些复选框
<p style="display:none" id="1">cat</p>
<p style="display:none" id="2">dog</p>
<p style="display:none" id="3">fish</p>
如果if语句是真的,我想让一些p标签出现
if ($("#checker").html() == "1") {
$("#1").css("display", "block");
}
elseif($("#checker").html() == "2") {
$("#2").css("display", "block");
}
但我意识到这不能满足我的需要。这项任务还有其他解决方案吗?
根据get元素和show的值拆分字符串并对其进行迭代。
$('#checker')
.html() // get html content
.split('+') // split string by +
.forEach(function(v) { // iterate over them
$('#' + $.trim(v)).show() // get element by id and show
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<p id="checker">1+2</p>
<p style="display:none" id="1">cat</p>
<p style="display:none" id="2">dog</p>
<p style="display:none" id="3">fish</p>
是的,您可以使用jQuery show()
函数,如下所示:
if($("#checker").html()=="1"){
$("#1").show();
}
elseif($("#checker").html()=="2"){
$("#2").show();
}
如果您需要再次隐藏它们,可以使用相同的方式使用hide()
函数。
==
。您可以使用indexOf来检查字符串是否有内容。
试试这个
if($("#checker").html().indexOf("1")!=-1){
$("#1").css("display","block");
}
相关文章:
- 是否有任何snippet或jQuery插件可以列出easylist.txt模式匹配的DOM中的所有元素
- 是否有一个JS/jQuery函数可以获取某个类的每个元素的ID
- 用于检查数组中是否存在元素的javascript自定义方法
- 如何检查元素的内容是否为空,如果为空,请在jquery中删除该元素
- 如何知道元素在屏幕上是否可见.如果没有,请滚动页面
- 是否有任何可能的原因使我应该指定类型=“”;按钮“;用于我的按钮元素
- javascript数组元素是否知道其封闭数组
- 是否同步加载了LINK元素
- 如何查明鼠标按下事件是否发生在滚动条上或元素中的其他任何位置
- 如何检查元素是否在iframe中
- 使用js/jQuery检查对象(而不是元素)是否真的存在
- 浏览器是否持久缓存脚本元素的编译版本
- 检查元素是否将状态从隐藏更改为可见
- CSS3:当页面向下滚动到第一个视口时,是否可以在元素上触发转换
- 是否可以在第n个元素处重复启动ng
- 如果侦听器附加到父元素,是否可以区分单击发生在哪个子元素上
- 我如何为列出的选项卡元素编写一个Protractor测试,它会检查它是否's是否处于活动状态
- 是否可以在尚未附加到DOM的元素中创建一个sparkline(使用jquery.sparkline插件)
- 是否可以使用flexbox显示模型设置元素的滚动位置
- 确定元素是否存在