如果子跨度为空，则隐藏单元格内容

Question

有一个表“OfficeInfo”，有两行，每行 2 个单元格。每个单元格都会有 Office 信息，例如姓名、地址、电话和路线链接。我需要隐藏方向链接（基于地址值的谷歌地图链接），或者如果名称、地址、电话等其他信息为空，则隐藏整个单元格。假设其他所有内容都是空的，隐藏“地图和方向”链接以及整个单元格...如何在 Jquery 中执行？

<table class="OfficeInfo" border="0" style="width: 100%" cellspacing="10px" cellpadding="15px">
    <tr>
        <td class="Office1" style="width=40%">  
            <span class="OfficeName">
                Munster Women&#39;s Center<br />
            </span>
            <span class="Address">
                1111 North Ronald Reagan Pkwy,  <br />&#160;Avon,IN 46123      
            </span> 
            <span class="Phone">
                (317) 342-1254</span><br />
            <a class="mapdirectionsLink" href="#">map &#38; directions&#62;</a>
            <br />
            <br />
            <span class="Hours">
                MTW: 9:00 AM- 5:00 PM 
            </span>
        </td>
        <td>
            <span class="OfficeName">  </span>
            <span class="Address"></span>                                     
            <span class="Phone"></span>
            <br />
            <a class="mapdirectionsLink" href="#">map and directions</a>
            <br />
            <br />
            <span class="Hours"></span> 
        </td>
    </tr>
    <tr>
        <td>
            Office3
        </td>
        <td>
            Office4
        </td>   
    </tr>
</table>

Answer 1

由于您没有包含最终的 html，所以很难说。始终尝试包含我们将在页面上看到的内容，而不是通用的共享点调用。

http://jsfiddle.net/Ctjcv/7/

在此示例中，我检查每个单元格是否包含任何地图类以外的子类。如果没有，那么我们可以安全地隐藏它。您将看到单元格 1 显示链接，因为存在其他数据，而单元格 2 不存在。

$('.OfficeInfo td').each( function() {
    if ($(this).children(':empty').not('.mapdirectionsLink, br').length > 0) {
        $(this).children('.mapdirectionsLink').hide();   
    }
});

Answer 2

您可以使用 text() 方法，

$('.OfficeInfo tr td').each(function() {
    if ($(this).children().not('.mapdirectionsLink').text().replace(/^\s+|\s+$/g,"") == '') {
        $(this).children('.mapdirectionsLink').hide();
    }
});

您可以在此处找到 JSFiddle

有一个额外的修剪控件。

编辑：我只是在 mrtsherman 的解决方案中添加一些额外的内容。

编辑 2：我更改了函数以在没有地图信息时隐藏所有元素JSFiddle here
如果你想删除元素（而不是隐藏），你可以更改

$(this).children('*').hide(); 

行：

$(this).children('*').remove();