首先,我从 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");
}
但我意识到这不能满足我的需要。 这个任务还有其他解决方案吗?
最佳答案
根据值获取元素并显示,拆分字符串并迭代它们。
$('#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>
关于javascript - 检查元素是否有东西,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36931564/