Question

我有一个显示IP地址的标签：

#youareoffline

如果标签为空，我想要显示div if (string.IsNullOrWhiteSpace(#internet_ipaddr)) { $(#youareoffline).show(); }。这被建议作为一种实现，但在玩完之后，我无法让它工作：

React.Component

Answer 1

您尝试使用的代码看起来像是C＃（string.isNullOrWhiteSpace()）和伪代码的混合，而不是有效的JS。

要完成这项工作，您可以使用is(':empty')方法检查元素是否包含任何子元素（文本节点或其他），然后显示相关元素。试试这个：

if ($('#internet_ipaddr').is(':empty')) {
  $('#youareoffline').show();
}

#youareoffline { display: none; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label id="internet_ipaddr" class="label_s1"></label>
<div id="youareoffline">You are offline</div>

另请注意，通过使用toggle()，您可以使JS更简洁，尽管可能更难阅读：

$('#youareoffline').toggle($('#internet_ipaddr').is(':empty'));

Answer 2

您可以使用jQuery轻松完成此操作。

HTML

InstrumentationRegistry.getContext()

的jQuery

<label id="label1"></label>
<div id="div1" style="display: none; color: red;">You are off line.</div>

如果label = empty，则显示div

2 个答案: