javascript - 隐藏js元素
问题描述
我想隐藏一些给定条件的元素。我只是希望它们不要出现在 html 中。我试过了display: none
。但是好像没有效果
我在想这样的事情:
let beliefs_add_content = function(num_bins, tokens, divid, results = 0, show_submit = 1) {
let inhtml = ""
if (results == 1) {
inhtml += "<div id=\"results_text\">\n";
if (show_submit == 1) {
inhtml += "<br>\n";
}
inhtml += "<br>\n";
inhtml += "</div>\n";
}
if (results == 1; display: 'none' ) {
inhtml += "<div id=\"top_div\">\n";
inhtml += "<div id=\"question_div\"></div>\n";
inhtml += "<div id=\"chart_wapper\">\n";
inhtml += "<div id=\"bar_div\">\n";
inhtml += "<div id=\"axis_div\"></div>\n";
for (let i = 1 ; i <= num_bins ; i++) {
inhtml += "<div class=\"bar_amt\" id=\"bar_amt" + i + "\">0</div>\n";
inhtml += "<div class=\"div_bar\" id=\"bar" + i + "\"> </div>\n";
}
inhtml += "</div>\n";
inhtml += "</div>\n";
inhtml += "<div id=\"label_div\">\n";
for (let i = 1 ; i <= num_bins ; i++) {
inhtml += "<div class=\"label_val\" id=\"label" + i + "\" ></div>\n";
}
inhtml += "</div>\n";
inhtml += "<div id=\"unallocated\">" + tokens + "</div>\n";
inhtml += "<div id=\"prob_div\">\n";
for (let i = 1 ; i <= num_bins ; i++) {
inhtml += "<div class=\"prob_val\" id=\"prob" + i + "\" ></div>\n";
}
inhtml += "</div>\n";
inhtml += "<div id=\"amount_div\">\n";
for (let i = 1 ; i <= num_bins ; i++) {
inhtml += "<div class=\"amt_val\" id=\"amt" + i + "\" ></div>\n";
}
inhtml += "</div>\n";
inhtml += "<div class=\"slider_div\">\n";
for (let i = 1 ; i <= num_bins ; i++) {
inhtml += "\t<div class=\"cell_val\" id=\"cell" + i + "\">\n";
inhtml += "\t\t<input type=\"range\" name=\"bin" + i + "\" id=\"bin" + i + "\" class=\"form-control slider\" value=\"0\" min=\"0\" max=\"" + tokens + "\" required/>\n";
inhtml += "\t</div>\n";
}
inhtml += "</div>\n";
inhtml += "<!-- Field for the alternative labels -->\n";
inhtml += "<input type=\"hidden\" name=\"labelset\" id=\"labelset\" value=0 class=\"form-control\" required />\n";
inhtml += "<div class=\"submit_div\">\n";
inhtml += "<div id=\"submit_message\"> </div>\n";
inhtml += "<table id=\"submit_table\"><tr>\n";
inhtml += "<td style=\"text-align:left;\">\n";
if (beliefs_ns.beldat["bin_button"] != "") {
inhtml += "<button class=\"btn btn-primary btn-large\" type=\"button\" id=\"alt_button\">Alternate Labels</button>\n";
}
inhtml += "</td>\n";
inhtml += "<td style=\"text-align:right;\">\n";
// We don't show the submit button on the final page
if (show_submit == 1 & results == 0) {
let onclick = (results == 0 ? "onclick=\"beliefs_ns.submit_click();\"" : "");
inhtml += "<button class=\"btn btn-primary btn-large\" type=\"\" id=\"submit_button\" " + onclick + ">Submit</button>\n";
}
inhtml += "</td>\n";
inhtml += "</tr></table>\n";
inhtml += "</div>\n";
inhtml += "</div>\n";
$("#" + divid).html(inhtml);
}
}
但它工作得不是很好。有什么建议么?我需要发布额外的代码吗?
解决方案
$("selector").hide();
将隐藏元素,然后用于.show()
再次显示它。
有关更多信息,请查看https://www.w3schools.com/jquery/jquery_hide_show.asp
我在堆栈溢出上对其进行了测试,该堆栈溢出方便地具有 jquery。
推荐阅读
- java - 我的 Spring Security 安全配置类收到 bean 创建错误
- google-kubernetes-engine - 如何为我的 gcloud vpn 授予对 gke 服务的访问权限
- python - 从某些 csv 文件列中写入 Pandas 系列
- php - 如何检查用户是否具有一对一关系的角色?
- arrays - 使用 for 循环从数组中添加整数
- amazon-web-services - SCP 阻止用户更改 s3:PutBucketPublicAccessBlock" 仅当当前已检查该设置时
- python - Matplot图表在熊猫数据帧的for循环中累积叠加
- javascript - GoogleSheets 脚本在表单提交时发送电子邮件,我应该如何处理空白单元格的格式错误?
- flutter - 带有粘性标题的 Gridview.builder
- css - 使用 SVG 文件,而不是 inline-svg,作为 CSS 掩码?