如果label = empty,则显示div

Question

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

<label id="internet_ipaddr" class="label_s1"></label>

我想要做的是显示一个div,#youareoffline如果标签是空的.这被建议作为一个实现,但在玩了之后我无法让它工作:

if (string.IsNullOrWhiteSpace(#internet_ipaddr)) {
  $(#youareoffline).show();
}

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'));