哲学泡沫就像一个引用/语音泡沫div样式,内部有一个sharepoint控件,rich
HtmlField允许用户在编辑页面时输入内容,但如果用户选择将其留空,则div中没有内容只有气泡会出现在页面中看起来很有趣所以我想在没有用户输入或基本上div是空的时候隐藏整个div？你是如何在jquery中做到这一点的？
<div class="philosophy-bubble"> <PublishingWebControls:RichHtmlField FieldName="carephilosophy" runat="server"></PublishingWebControls:RichHtmlField> </div>
解决方法
使用jQuery的
:empty选择器：
$('.philosophy-bubble:empty').hide();
这是a working fiddle.
替代
您还可以使用filter()函数查找所有空div并隐藏：
//All divs
$('div').filter(function() {
return $.trim($(this).text()) === ''
}).hide()
//div's with a certain class
$('.philosophy-bubble').filter(function() {
return $.trim($(this).text()) === ''
}).hide()
//div with a specific ID
$('#YourDivID').filter(function() {
return $.trim($(this).text()) === ''
}).hide()
..等等.
注意：：empty选择器性能更高. See jsPerf.