Question

我的HTML：

<div id="summarySpan" style="padding-left: 20px" hidden>
    <label id="currentStatusSummary" style="padding-left: 20px" />
    <br />
    <label id="currentMonitoringSummary" style="padding-left: 20px" />
</div>

Javascript代码：

$("#currentStatusSummary").text(returnedData.CurrentStatusSummary);
$("#currentMonitoringSummary").text(returnedData.CurrentMonitoringSummary);
$("#summarySpan").show().children().show();

由于我不熟悉的原因，当JS代码执行时，只显示第一个标签（ID为currentStatusSummary）。

有人可以解释一下这个的原因并帮我解决吗？

Answer 1

首先，hidden是无效的属性。其次，您应该关闭label标签。最后，您只需隐藏并显示父元素（如果容器被隐藏，其内容也是如此）。

<div id="summarySpan" style="padding-left: 20px; display: none;">
    <label id="currentStatusSummary" style="padding-left: 20px"></label>
    <br />
    <label id="currentMonitoringSummary" style="padding-left: 20px"></label>
</div>

$("#currentStatusSummary").text(returnedData.CurrentStatusSummary);
$("#currentMonitoringSummary").text(returnedData.CurrentMonitoringSummary);
$("#summarySpan").show();

JQuery - 显示div和所有子标签元素

1 个答案: