使用 jQuery 隐藏跨度答案

【问题标题】：Hide span using jQuery使用 jQuery 隐藏跨度
【发布时间】：2012-01-09 09:30:52
【问题描述】：

即使已经有嵌入图像，如果没有文本，如何隐藏跨度？基本上每个跨度中都嵌入了这样的小网络图标和视频图标..

访问网站(webicon) 观看视频(videoicon) 所以如果----没有链接文本---（嵌入的WEBICON），包括图像图标在内的整个东西都应该隐藏..

<div class="profile-links">
     <!--visit website,watch video links-->
     <span class="website"><SharePointWebControls:UrlField FieldName="VISIT WEBSITE" runat="server">
     </SharePointWebControls:UrlField></span> <img class="website" src="/Style Library/Images/design/icons/icon-www.png" alt="WebSite" />
     &nbsp;&nbsp;
     <span class="video"><SharePointWebControls:UrlField FieldName="WATCH VIDEO" runat="server">
     </SharePointWebControls:UrlField></span><img src="/Style Library/Images/design/icons/icon-video-teal.png" alt="Video" />                                                    
</div>

【问题讨论】：

所以如果----没有链接文本---(EMBEDDED WEBICON)，这个span应该被隐藏

标签： jquery hide html

【解决方案1】：

这将隐藏所有具有“网站”类的 span 元素：

$(function() {
    $('span.website').hide();
});

【讨论】：